示例数据：
<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]");
…仅返回具有特殊属性的输入.
更进一步,我可以得到具有特殊属性的输入,其中它们也具有属性new“yes”：
var the_special_inputs = $("input.foo[special][new='yes']");
但是如果我只想使用’the_inputs’并创建var the_special_input而不做另一个选择器呢？在那里,如果我有存储的var：
var the_inputs = $("input.foo");
…有没有办法在存储的var上写一个额外的选择器,它会给我与$(“input.foo [special]”)相同的结果;或者像上面的其他人一样但是只能使用之前存储的_inputs？
我尝试过的一些不起作用的东西：
$(the_inputs+"[special][new='yes']");
$("[special]",the_inputs);
可能吗？
解决方法
使用
jQuery’s
.filter() method.
var the_inputs = $("input.foo");
var the_special_inputs = the_inputs.filter("[special][new='yes']");
这将创建一个新的集合,原始集合缩减为与您传递的选择器匹配的集合,而不必进行额外的DOM选择.
还有另一种方法called .not()保留那些与选择器不匹配的方法.
