如何使用jQuery获取一个元素下面,满足某个条件的子元素

如何使用jQuery获取一个元素下面,满足某个条件的子元素,第1张

可以通过类名的不同,比如

<ul>

<li class=“li”>第一个子元素</li>

<li class=“li spe”>第二个子元素</li>

<li class=“li”>第三个子元素</li>

</ul>

可以使用$("ul")children("spe")来获得第二个子元素

也可以找到是第几个使用$("ul")find("li")eq(1)找到第二个子元素

如果是不一样的子元素,比如

<div class="mydiv">

<p>第一个子元素</p>

<div>第二个子元素</div>

<a>第三个子元素</a>

</div>

获取p标签$("mydiv")find("p")或者$("mydiv")children("p");

很多种方法:楼上hapgaoyi | 七级 的是一种方法:

$("#divimg img")first()show(); 显示上面的div中第一个img

$("#divimg img:gt(0)")hide();隐藏上面的div中不是第一个的img

============================可爱的分隔线================================

此外,还可以这样:

$('#divimg img:eq(0)')show()siblings()hide();

说明:

此例使用了jQuery最有特色的链式 *** 作方式,从而无须多次获取对象,简洁明了,推荐使用。

第一种方法:

使用$("#menu")children()html();

这样会获得"<li><ul><li></li></ul><li>"

第二种方法:

$("#menu > ul > li")

很简单:

$("p")slice(-3)remove();//选择最后三个P标签元素

$("p")slice(0,3)remove();//选择前三个P标签元素

参考这里:

网页链接

以上就是关于如何使用jQuery获取一个元素下面,满足某个条件的子元素全部的内容,包括:如何使用jQuery获取一个元素下面,满足某个条件的子元素、jquery如何通过父元素得到其中的子元素、JQuery如何获取子元素的子元素,比如<ul id='menu'><li><ul><li></li></ul><li></ul>如何获取最里面的li等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9315942.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存