过滤掉动画儿童的jquery选择器

Posted 2021-04-13

我试图有一个jQuery选择器，只有当它的子元素没有动画时才选择一个元素。

我试过了：

var articalLink =  $(".navArticals").filter($(this).children("ul:not(':animated')"));

它不起作用

原来，只有这个有效

var articalLink =  $(".navArticals").filter(function() {
   var filtered = $(this).children().not(":animated");
   return filtered
 });

有没有办法在没有.filter（）函数的情况下进行选择？

答案

在这种情况下我不这么认为，因为您需要根据包装集中每个元素的子元素应用过滤器。您可以略微缩短过滤器

// you don't necessarily need to assign to a variable,
// just depends what you want to do with it
var articalLink = $(".navArticals").filter(function() {
   return $(this).children().not(":animated");
});

filter函数是一个predicate（一个计算结果为true或false的表达式），用于过滤掉子项被动画化的包装集中的元素。

另一答案

$(".navArticals").filter(":not(:has(:animated))")

要么

$(".navArticals:not(:has(:animated))")

filter需要一个字符串或函数，而不是jQuery对象。但你可以用初始选择器清除元素。