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]);
显示#divimg下面的第一个<img/>隐藏其他的<img/>本回答被提问者采纳
以上是关于jquery如何获取父元素的子元素的主要内容,如果未能解决你的问题,请参考以下文章