jquery获取指定元素下的子元素
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery获取指定元素下的子元素相关的知识，希望对你有一定的参考价值。
参考技术A这样：
<script type="text/javascript">
$(function ()
$("#div1").next().addClass("am-active"); 获得div1的下一个元素
$("#div1").next().find("dd").addClass("am-in"); 获得div1下一个元素的 指定子元素
)
</script>
扩展资料：
注意事项
通常，选择一个元素很简单，$("#id")就可以搞定，但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了，可以通过用find来解决这个问题。
例如：
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>
jQuery怎么获取一个DIV下所有元素的值
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料：编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素，代码实例如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<style>
body font-size:16px; font-weight:bolder;
p margin:5px 0;
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div").children(".selected").css("color", "blue");</script>
</body>
</html>
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：
直接用find
filter 参数在 find() 方法中是必需的，这与其他树遍历方法不同。
提示：如需返回所有的后代元素，请使用 "*" 选择器。
<div id="test"><a>1</a>
<b>1</b>
<div><a>2</a><b>2</b></div>
</div>
<script>
console.log($("#test").find("*"))
</script> 参考技术B $("div").children(); 参考技术C 我想知道你 div下有哪些元素，最好有代码示例。
以上是关于jquery获取指定元素下的子元素的主要内容，如果未能解决你的问题，请参考以下文章