jquery如何获取父元素的子元素

发布网友发布时间：2022-04-28 22:03

共4个回答

热心网友时间：2022-04-22 13:44

可以使用jQuery的children方法来获取某个元素下的所有子元素。如果给定表示 DOM 元素集合的 jQuery 对象，.children() 方法允许我们检索 DOM 树中的这些元素，并用匹配元素构造新的 jQuery 对象。.find() 和 .children() 方法类似，不过后者只沿着 DOM 树向下遍历单一层级。

工具原料：编辑器、浏览器

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 的子元素，并将其设置为蓝色，结果如下：

热心网友时间：2022-04-22 15:02

$("#diving").find("img")

热心网友时间：2022-04-22 16:37

$("img").parent("#diving")追问怎么显示第一个img标签呀

追答他返回来是不是一个对象如果是一个对象的话
var object = $("img").parent("#diving") ;
alert(object[0]);

热心网友时间：2022-04-22 18:28

$("#divimg img:first").show().siblings().hide();
显示#divimg下面的第一个<img/>隐藏其他的<img/>