首页
未解之谜
天体物理
科技前沿
下载中心
游戏天地
[FW:AdTitle]
首页 >> 科技前沿 >> 正文

Jquery如何获取子元素2018-8-8|阅读:535 次|出处:|编辑:管理员


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

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

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

    分别以以下HTML代码为例:

    <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会跨越层级查找,一直找到没有为止。

免责声明:本文所提供的信息(包括图片、文字、视频等)内容均来源于网络,只供参考之用,不代表本站观点。如有侵权、违规,请联系我们删除。
上一条:特斯拉宣布Model 3部分车型降价 使价格更加实惠下一条:SQL如何为每一行均生成一个随机数
今日推荐
Copyright © 2017-2020 怪里咕咚 All Rights Reserved
滇ICP备17000807号-2
访问量: