jquery得到子孙节点变通方法

最新推荐文章于 2023-05-31 08:37:25 发布
最新推荐文章于 2023-05-31 08:37:25 发布
阅读量618 收藏
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q339549989/article/details/9721677
版权 
用jquery,我们可以用 ele.children("input,select") 获得一个标签下的子标签,并且可以擅选对应名字的标签,但是它只能选取子标签,子标签的子标签乃至更下级的不能通过这个方法获得.
比如如下html代码:
<div id="testDiv">
<table id="t1">
<tr>
<td><input type="text"/></td>
<td><input type="text"/></</td>
</tr>
</table>
<table id="t1"><tr><td><input type="text"/></td><td><input type="text"/></</td></tr></table>
div>






                

        

        

    




    

      

        

            

              
                
                  深邃老夏
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
v-model --双向数据绑定

				
			

			

				

					qq_45802159的博客
				

				

					01-03
					
					3180
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-...

			
		

	



                

              
                



	

		

			

				
					
jQuery找祖先和子孙节点方法

				
			

			

				

					卫可冬的博客
				

				

					12-30
					
					5094
					
				

			

		

		

			
				
$("span").closest("ul")	//找span的祖先ul
$("ul").find("span")	//找ul的子孙span

$(selector).find(filter)

find() 方法返回被选元素的后代元素。
后代是子、孙、曾孙，依此类推。
**DOM 树：**该方法沿着 DOM 元素的后代向下遍历，直至最后一个后代的所有路径（）。
**注意：**filter 参数在...

			
		

	



                


  
              

                


	

		

			

				
					
使用jQuery获取父页面元素及子页面元素的方法

				
			

			

				

					风清扬的专栏
				

				

					05-06
					
					5019
					
				

			

		

		

			
				
背景： 

子页面元素是include进来的,在子页面元素需要获取父页面的元素做一些操作.. 

jquery提供了一个很好的方法 

$("#父页面元素id" , parent.document)  
同样适用于iframe 


背景： 

子页面元素是include进来的,在父页面元素需要获取子页面的元素做一些操作.. 

方法： 

$('#子页面元素').

			
		

	





	

		

			

				
					
JQuery获取父，子，兄弟节点

				
			

			

				

					(.*?)的博客
				

				

					01-26
					
					400
					
				

			

		

		

			
				
jQuery.parent(expr) // 查找父节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr) // 查找所有祖先元素，不限于父元素

jQuery.children(expr) // 返回所有子节点，不会返回孙子节点

jQuery.contents() // 返回下面的所有内容，包括节点和文本。包括空白文本，也会被作为一个jQuery对象返回，children()只会返回节点

			
		

	



		

			
		



	

		

			

				
					
css中块级元素和行内元素的区别

				
			

			

				

					qq_46472106的博客
				

				

					08-09
					
					177
					
				

			

		

		

			
				
块级元素与行内元素的区别
块级元素
div、h1~h5、p、html、body、ul、li
1) 独占一行
2) 默认宽度为100%，默认高度由子元素或者内容决定
3) 可以为其指定宽高 style=“width:;height:;”
行内元素
span、a、img、strong、i
1) 与其他行内元素共享一行
2) 默认宽高由内容决定
3) 不能为其指定宽和高
4) 行内元素中不可以嵌套块元素，但块元素中可以嵌套行内元素

...

			
		

	





	

		

			

				
					
jQuery 遍历 - 后代

					
最新发布

				
			

			

				

					unber的博客
				

				

					05-31
					
					311
					
				

			

		

		

			
				
后代是子、孙、曾孙等等。通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。

			
		

	





	

		

			

				
					
JQuery包裹DOM节点的方法

				
			

			

				

					12-29
				

			

		

		

			
				
本文实例讲述了JQuery包裹DOM节点的方法。分享给大家供大家参考。具体分析如下： 如果要将某个节点用其他标记包裹起来，JQuery提供了相应的方法，即wrap()，该方法对于需要在文档中插入额外的结构化标记非常有用，...

			
		

	





	

		

			

				
					
JQuery创建DOM节点的方法

				
			

			

				

					01-19
				

			

		

		

			
				
本文实例讲述了JQuery创建DOM节点的方法。分享给大家供大家参考。具体分析如下： 用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点，然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM...

			
		

	





	

		

			

				
					
JQuery查找DOM节点的方法

				
			

			

				

					12-29
				

			

		

		

			
				
本文实例讲述了JQuery查找DOM节点的方法。分享给大家供大家参考。具体分析如下： DOM操作是JQuery最常见的用法，下面我们来将JQuery的DOM操作逐个剖析下。先来最简单的查找节点操作。 为了能全面地讲解DOM操作，首先...

			
		

	





	

		

			

				
					
JQuery插入DOM节点的方法

				
			

			

				

					12-29
				

			

		

		

			
				
本文实例讲述了JQuery插入DOM节点的方法。分享给大家供大家参考。具体分析如下： 动态创建HTML元素并没有实际用处，还需要将新创建的元素插入文档中。将新创建的节点插入文档最简单的办法是，让它成为这个文档的某个...

			
		

	





	

		

			

				
					
jQuery选择器之获取祖先级、兄弟级、子孙级元素

				
			

			

				

					夜空下的凝视
				

				

					05-18
					
					1万+
					
				

			

		

		

			
				
一、获取祖先级元素
1、parent(selector)：返回直接父元素，可选择过滤。
2、parents(selector)：返回祖先元素，包括父元素，可选择过滤。
3、closest(selector)：返回第一个祖先元素（祖先是父、祖父、曾祖父，依此类推。），从当前元素开始沿 DOM 树向上，可选择过滤。
二、获取兄弟级元素
1、next(selector)：返回下一个同胞元素，可选择过滤。...

			
		

	





	

		

			

				
					
jquery DOM 父节点、祖先节点、子节点、子孙节点

					
热门推荐

				
			

			

				

					dwc2011的专栏
				

				

					07-24
					
					3万+
					
				

			

		

		

			
				
获取父节点、祖先节点：

1. parents([selector])
本方法用于选择给定 jQuery 对象中包含的 DOM 元素或者 DOM 元素集的祖先节点，并将这些节点包装成 jQuery 对象返回，返回的节点集是以从里到外的顺序排序的。同时，本方法还接受一个字符串选择器，用于从返回的节点集中筛选符合选择器的子元素集。


2. parent([selector])
本方法用

			
		

	





	

		

			

				
					
jQuery根据当前节点元素找到父子、兄弟节点元素进行添加或删除

				
			

			

				

					乐点的博客
				

				

					05-04
					
					4771
					
				

			

		

		

			
				
1、查找父子、兄弟节点元素

在操作DOM元素的过程中，首先需要找到相应的DOM节点元素，即选择好节点元素。以下是根据当前节点元素选择父子、兄弟节点元素的jQuery方法。
1）父级$(selector).parent() 找到直接父级，不包括祖先
$(selector).parents() 找到所有父级，不包括祖先
2）子级$(selector).children() 找到直接孩子节点，不包括孙...

			
		

	





	

		

			

				
					
jQuery获取父节点、子节点、兄弟节点

				
			

			

				

					码农桃子的博客
				

				

					07-07
					
					1万+
					
				

			

		

		

			
				
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；

			
		

	





	

		

			

				
					
如何用Jquery来选取子孙节点

				
			

			

				

					weixin_34174105的博客
				

				

					12-07
					
					973
					
				

			

		

		

			
				
Question:如何用jquery来选取一个元素特定的子孙节点(不只是children，还有可能是孙子等)
Method:
1，使用Jquery强大的选择器
e.g:
$("#doRoutingBody[name='doRouting.fromSite.id']")
解释：使用id选择器“#doRoutingBody” 选取了id为doRoutingBody的...

			
		

	





	

		

			

				
					
JQuery的父、子、兄弟节点查找，节点的子节点循环

				
			

			

				

					weixin_34327761的博客
				

				

					04-09
					
					480
					
				

			

		

		

			
				
jQuery.parent(expr)           //找父元素
jQuery.parents(expr)          //找到所有祖先元素，不限于父元素
jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙
jQuery.contents()            //查找下面的所有内容，包括节点和文本。
j...

			
		

	





	

		

			

				
					
UIHelp自动获取孙子节点的函数

				
			

			

				

					Simon的博客
				

				

					09-25
					
					1247
					
				

			

		

		

			
				
获取深层节点，不必再无下限getChild了

			
		

	





	

		

			

				
					
JQuery遍历获取table中的第一个和第四个孙子，并把第四个孙子赋值给另一个table

				
			

			

				

					hello2241的博客
				

				

					01-11
					
					881
					
				

			

		

		

			
				
$(document).ready(function(){
                $("#a_id").click(function(){
                  $('.test').each(function(index) {
                      var  td = $(this).children().eq(0).text();//获取tr

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值