jquery 中filter和find的区别 (转)

最新推荐文章于 2021-11-29 17:04:28 发布

jhhuang4836

最新推荐文章于 2021-11-29 17:04:28 发布

阅读量161

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/jhhuang4836/article/details/84611270

jquery 专栏收录该内容

52 篇文章

订阅专栏

本文对比了jQuery中filter和find两个方法的功能与用法。filter方法用于从已选元素中进一步筛选符合特定条件的元素；find方法则用于查找已选元素的后代中符合特定条件的元素。通过实例代码详细解释了两者的不同之处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery 中filter和find的区别

(2011-09-26 14:08:33)

转载▼

标签：

杂谈

.filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。 记住：使用此方法必须得传入选择器表达式参数，不然会报错“’nodeType’ 为空或不是对象” 另外请注意这个filter方法和jquery中的find方法的区别: filter方法是对匹配元素进行筛选，而find方法是对匹配元素的后代元素进行筛选。

例子：

<body>
<div class="main">
 <P class="p1">这是第一段</P>
 <P class="p2">这是第二段</P>
 
</div>
</body>

--------------------------

find用法：

<script type="text/javascript">
 $(document).ready(function(){
  //alert($(".main").filter(":not(:has(.p1)").text());
  var text=$(".main").find(".p1").text();
  alert(text);
  
 });
</script>

-----------

filter的用法：

<script type="text/javascript">
 $(document).ready(function(){
  //alert($(".main").filter(":not(:has(.p1)").text());
  var text=$("p").filter(".p1").text();
  alert(text);
  
 });
</script>