Jquery如何获取子元素

╰半夏微凉° 2022-05-23 06:28 451阅读 0赞

转载于： [https://blog.csdn.net/qq\_34543438/article/details/73503884][https_blog.csdn.net_qq_34543438_article_details_73503884]

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

1.children()方法：获取该元素下的直接子集元素

2.find()方法：获取该元素下的所有子集元素

<ul>
    
      <li>
    
       list1
    
       <ul>
    
           <li>list1-1</li>
    
           <li>list1-2</li>
    
       </ul>
    
      </li>
    
      <li>
    
       list2
    
       <ul>
    
            <li>list2-1</li>
    
            <li>list2-2</li>
    
       </ul>
    
       </li>
    
       <li>
    
       list3
    
       <ul>
    
            <li>list3-1</li>
    
           <li>list3-2</li>
    
       </ul>
    
       </li>
    
    </ul>

children()方法获取ul下面直接子集元素li：$("ul").children("li")

需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("ul").children("li").length”，最后输出结果为3

find()方法获取ul下所有元素li：$("ul").find("li")

需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("ul").find("li").length”，最后输出结果为9

children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。

[https_blog.csdn.net_qq_34543438_article_details_73503884]: https://blog.csdn.net/qq_34543438/article/details/73503884

发表评论取消回复

表情：

评论列表（有 0 条评论，451人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 同级元素下的子元素_jquery选择器之获取父级元素、同级元素、子元素 (转载)...

1、 parent(\[expr\]): 获取指定元素的所有父级元素 href\_fir href\_sec href\_thr href\_fiv $(docum

约定不等于承诺〃/ 2023年01月08日 08:13/ 0 赞/ 191 阅读

相关 jquery 获取子iframe里面的元素

父iframe <html> <head> <title>bootstrap test</title> <script src="/bootstrap/js/jq

绝地灬酷狼/ 2022年09月29日 13:51/ 0 赞/ 271 阅读

相关 jQuery获取this当前对象子元素对象

<select id="city"> <option value="beijing">北京</option> <option val

Love The Way You Lie/ 2022年08月17日 15:28/ 0 赞/ 192 阅读

相关 jquery选择器之获取父级元素、同级元素、子元素

\---------------------转自http://blog.csdn.net/tolcf/article/details/39289471 一、获取父级元素 1

客官°小女子只卖身不卖艺/ 2022年07月26日 00:22/ 0 赞/ 316 阅读

相关 jQuery 获取子元素的个数

// 获取id=div1下的子元素的个数 $('\div1').children().length; // 获取id=div1下的span元素个数 $(

阳光穿透心脏的1/2处/ 2022年07月16日 11:49/ 0 赞/ 208 阅读

相关 js或jquery如何获取父级、子级、兄弟元素

js或jquery如何获取父级、子级、兄弟元素原生javascript方法： var dom = document.getEle

我不是女神ヾ/ 2022年07月11日 11:07/ 0 赞/ 250 阅读

相关 jquery选择器获取父级元素、同级元素、子元素

一、获取父级元素 1、 parent(\[expr\]): 获取指定元素的所有父级元素 <div id="par_div"><a i

缺乏、安全感/ 2022年06月16日 14:46/ 1 赞/ 480 阅读

相关 Jquery如何获取子元素

转载于： [https://blog.csdn.net/qq\_34543438/article/details/73503884][https_blog.csdn.net_q

╰半夏微凉°/ 2022年05月23日 06:28/ 0 赞/ 452 阅读

相关 jquery获取第一个子元素

如获取id为divId的div下的第一个子div 1 $("\divId").children(“div”).get(0) 但得到的是一个dom对象，如果要得到Jqu

灰太狼/ 2022年03月17日 02:44/ 0 赞/ 320 阅读

相关 jQuery获取所有父级元素及同级元素及子元素

1.获取父级元素 $("id").parent() //获取其父级元素 $("id").parents() //获取其所有的祖先元素

深碍√TFBOYSˉ_/ 2021年09月30日 11:14/ 0 赞/ 481 阅读