jquery如何使用chlid获取父文本？

Question

我需要获取<p>父div 中的标记文本,而不是来自子div.I尝试了以下代码,它获取父div和子div中的所有文本.

注意:我只需要获取文本父p1和父p2

Downvoters plz提到原因,以便我将来不会犯这个错误

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <p>parent p1</p>
    <p>parent p2</p>
    <div id="sub">
    <p>child div</p>
    <button type ="button">click</button>
    </div>
    </div>


    <script type="text/javascript">
        $(document).ready(function(){
        $("button").click(function(){
    
              var a = $(this).parent("div").attr("id");
                
                console.log($("#"+a).parent("div").text());
    
    
                });
    });
    </script>

    
  



  
  
  

    

      

        
        
        
        
      
      
你可以这样试试 



 $("button").click(function(){
                    alert($(this).parent('div').parent('div').children('p').text())
         })
<div>
    <p>parent p1</p>
    <p>parent p2</p>
    <div id="sub">
    <p>child div</p>
    <button type ="button">click</button>
    </div>
    </div><script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>



        
      
    
  
  
  





  

    

      
 
       

        
 
         
 
归档时间：
 
 
         
 
  9 年，2 月 前  
 
 
        
 
        
 
         
 
查看次数：
 
 
         
 
 232 次  
 
 
        
 
        
 
         
 
最近记录：
 
 
         
 
9 年，2 月 前
 
 
        
 
       
      
 
    
    
    

      
 
      
      
使用.text()仅检索未嵌套在子标记中的文本 363

      
      更多相关链接 
    
    
    
    

      
相关归档
 
      
      
jQuery计数子元素 306

      
      
将对象字符串转换为JSON 159

      
      
在Typescript中,类型和接口有什么区别？ 94

      
      
我可以使用CSS按比例缩放div的高度吗？ 69

      
      
如何在javascript中完成等效的LINQ SelectMany() 68

      
      
你会在你的应用程序中嵌入哪个Javascript引擎？ 61

      
      
比较2个JSON对象 47

      
      
jQuery更改iFrame的内容 32

      
      
我应该使用"]]>"或"//]]>"将CDATA部分关闭到xHTML中 17

      
      
双边界div应合并css 17

      
    
    
    

      
难疑归档
 
      
      
如何查看远程Git分支？ 6408

      
      
使用jQuery为复选框设置"选中"？ 3988

      
      
Python中的静态方法？ 1639

      
      
如何查看Git提交中的更改？ 1364

      
      
如何在git历史中grep(搜索)已提交的代码？ 1342

      
      
如何获取MySQL用户帐户列表 1320

      
      
为什么不从List <T>继承？ 1299

      
      
如何使用sed替换换行符(\n)？ 1295

      
      
在Node.js中读取环境变量 1240

      
      
如何删除文本/输入框周围的边框(轮廓)？(铬) 1208

      
    
  

Answer 1

你可以这样试试

 $("button").click(function(){
                    alert($(this).parent('div').parent('div').children('p').text())
         })

<div>
    <p>parent p1</p>
    <p>parent p2</p>
    <div id="sub">
    <p>child div</p>
    <button type ="button">click</button>
    </div>
    </div><script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>