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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery如何获取父元素的子元素相关的知识,希望对你有一定的参考价值。

jquery如何获取父元素的子元素
如 <div id="divimg">
<img src="dsd.jpg"/>
<img src="dsd.jpg"/>
<img src="dsd.jpg"/>
</div>
我想通过div ID=“divimg” 得到div中的第一个img标签, 让他显示 ,其他隐藏
请求各位大虾帮忙

可以使用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 的子元素,并将其设置为蓝色,结果如下:

参考技术A $("#diving").find("img") 参考技术B $("img").parent("#diving")追问

怎么显示第一个img标签呀

追答

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

参考技术C $("#divimg img:first").show().siblings().hide();
显示#divimg下面的第一个<img/>隐藏其他的<img/>本回答被提问者采纳

以上是关于jquery如何获取父元素的子元素的主要内容,如果未能解决你的问题,请参考以下文章

jquery如何获取第一个或最后一个子元素?

DOM中如何获取一个元素的子元素?

在jQuery中如何选择某DIV的子元素?

Jquery如何选取元素及其所有子元素?

jquery 获取iframe里面的元素

在selenium2中,如何获取一个父节点下子节点的个数,所有的子节点的内容都有MOON