JQ 查找子元素下的指定元素
1、为什么要用find:
通常,选择一个元素很简单,$("#id")就可以搞定,
但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了,
可以通过用find来解决这个问题。
2、 举例说明
html代码如下:
<div id="test">
<div id="div1">第一行</div>
<div id="div2">
<p id="p1">第1行</p>
<p id="p2">第2行</p>
<p id="p3">第3行</p>
</div>
<div id="div3">第三行</div>
</div>
如果想让第2行这几个字的颜色改变,那么我们就可以用jquery的如下代码实现:
$("#test").find(div[id^="div2"]).find(p[id^="p2"]).css("color","red");
那么效果就会变为:
第一行 第一行
第1行
第2行
第3行
第1行 第2行 第3行
第三行 第三行
备注: 备注:
children方法获得的仅仅是元素一下级的子元素
children方法获得的仅仅是元素一下级的子元素
children方法获得的仅仅是元素一下级的子元素
find方法获得所有下级元素
find方法获得所有下级元素
第一行 第1行 第2行 第3行 第三行 备注: children方法获得的仅仅是元素一下级的子元素 find方法获得所有下级元素
find方法获得所有下级元素
