jquery - 可以对存储的选择器对象执行额外的 jquery 选择吗？

Question

示例数据:

<input class="foo" special="yes" value="1" new="yes">
<input class="foo" special="no" value="2" new="yes">
<input class="foo" value="3" new="red">
<input class="foo" special="yes" value="4">
<input class="foo" value="5" new="yes">

现在是jquery:

var the_inputs = $("input.foo");

...将为我提供所有输入的 jquery 对象。

我还可以:

var the_special_inputs = $("input.foo[special]");

...仅返回具有特殊属性的输入。

更进一步，我可以获得具有特殊属性的输入，其中它们还具有“yes”的新属性:

var the_special_inputs = $("input.foo[special][new='yes']");

但是如果我只想使用“the_inputs”并创建 var the_special_inputs 而不执行另一个选择器怎么办？换句话说，如果我有存储的变量:

var the_inputs = $("input.foo");

...有没有办法在存储的变量上编写一个额外的选择器，它会给我与 $("input.foo[special]"); 或其他类似的结果相同的结果上面但只是使用之前存储的 the_inputs ？

我尝试过的一些方法不起作用:

$(the_inputs+"[special][new='yes']");
$("[special]",the_inputs);

这可能吗？

Answer 1

使用jQuery's .filter() method .

var the_inputs = $("input.foo");
var the_special_inputs = the_inputs.filter("[special][new='yes']");

这将创建一个新集合，将原始集合简化为与您传递的选择器匹配的集合，而无需执行额外的 DOM 选择。

还有另一种方法called .not()保留那些与选择器不匹配的内容。