jquery获取元素下面的子元素 <div class="jj"> jj <div class="yy">yy<div> &

1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。

2：children方法获得的仅仅是元素一下级的子元素，即：immediate children。

3：find方法获得所有下级元素，即：descendants of these elements in the DOM tree

4：children方法的参数selector 是可选的（optionally），用来过滤子元素，但find方法的参数selector方法是必选的。

5：find方法事实上可以通过使用 jQuery( selector, context )来实现：英语如是说：Selector context is

implemented with the find() method; therefore, $('liitem-ii')find('li') is

equivalent to $('li', 'liitem-ii')

可以通过类名的不同，比如

<ul>

<li class=“li”>第一个子元素</li>

<li class=“li spe”>第二个子元素</li>

<li class=“li”>第三个子元素</li>

</ul>

可以使用$("ul")children("spe")来获得第二个子元素

也可以找到是第几个使用$("ul")find("li")eq(1)找到第二个子元素

如果是不一样的子元素，比如

<div class="mydiv">

<p>第一个子元素</p>

<div>第二个子元素</div>

<a>第三个子元素</a>

</div>

获取p标签$("mydiv")find("p")或者$("mydiv")children("p");

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

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

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

以上就是关于jquery获取元素下面的子元素 <div class="jj"> jj <div class="yy">yy<div> <div>全部的内容，包括:jquery获取元素下面的子元素 <div class="jj"> jj <div class="yy">yy<div> <div>、如何使用jQuery获取一个元素下面，满足某个条件的子元素、jquery如何获取没有子节点的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！