如何使用jquery find()遍历方法

在jquery遍历方法中,如果想要获取匹配元素后代元素,可以使用find()方法。find()方法用于遍历查找十分方便,通过选择器、jQuery 对象或元素删选,用find("*")来获取所有下面的子元素。本文介绍jquery遍历方法find()方法的使用。

1、find()方法

此方法获得匹配元素集合中所有元素的子元素,并通过选择器、jQuery 对象或元素删选。

find()方法是获取匹配元素后代元素的好方法。

2、使用语法

$('li.item-ii').find( 必填参数 )

3、使用参数(必须)

可以为属性的class名(class=“XXX”)

元素名(<p>元素)

jQuery的选择器参数:.find('li')、.find( $('li') )等,find()找到的是所选元素下面的子孙元素。

4、使用实例

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
  <p><span>Hello</span>, how are you?</p>
  <p>Me? I'm <span>good</span>.</p>
<script>
  $("p").find("span").css('color','red');
</script>
</body>
</html>

以上就是jquery遍历find()方法使用介绍,需要注意的是直接find()是不能取到任何数据的,必须用find("*")来获取所有下面的子元素哦~更多JavaScript学习推荐:JavaScript教程。

python实战已经更新可以点击了解~

对于刚入门JavaScript学习jquery框架的小伙伴来说,会把find和filter方法搞混,这二者的功能完全不同,但总是分不清。如果我们想要筛选出所有需要过滤的元素,可以使用filte ...