品易云推流 关闭
文章详情页
文章 > JavaScript > jquery遍历find()方法如何使用

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

头像

宋雪维

2021-03-01 14:55:562757浏览 · 0收藏 · 0评论

在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实战已经更新可以点击了解~

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图