首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

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

2024-08-01 来源:华佗小知识

在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学习推荐:。

已经更新可以点击了解~

显示全文