jquery获取子元素的方法find()的用法

2024-07-22 04:21:27 浏览

Jquery获取元素方法有2种,分别是children()方法和find()方法。下面我们分别来使用两种方法,看看它们有何差异

jquery子的find的用

1.children()方法:获取该元素下的直接子集元素

2.find()方法:获取该元素下的所有子集元素

分别以以下HTML代码为例:

children()方法获取ul下面直接子集元素li:$("ul").children("li")

需要注意的是,如果li元素下还有li元素,children方法将不会被获取。我们可以用length来测试获取的个数“$("ul").children("li").length”,最后输出结果为3

find()方法获取ul下所有元素li:$("ul").find("li")

parent()是 父元素 就一个,你要选取class=x的元素,就是第一个p元素的父元素的父元素:$("p:eq(0)").parent().parent().css("background", "yellow");或者p元素父元素的父元素类为x的元素:$("p").parent().parent(".x").css("background", "yellow");或者p元素祖先元素(祖先就很多个了)中类为x的元素: $("p").parents(".x").css("background", "yellow");

本文版权声明本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系本站客服,一经查实,本站将立刻删除。