javascript - 我如何滥用选择器的开头？

Question

如果 a == "http://foo.bar"和 $(b[0]).attr("href") == "http://foo.bar"

那为什么下面的代码不返回true:

$("[href^=\"" + a + "\"]", b).length > 0

?

Answer 1

因为传递给 jQuery 函数的第二个参数限定了选择器的范围，也就是说，在 b 的 children 中找到被选元素。

举个例子

<div id="one">
   <div id="two" title="Test" />
</div>

这将返回 1

$('[title="Test"]','#one').length 

这将返回 0

$('[title="Test"]','#two').length 

实例:http://jsfiddle.net/mkudf/

---

根据您的评论，您似乎在将元素添加到 dom 之前做了一些事情，例如:

var $x = $('<div id="one" /><div id="two" title="Test" />');
alert($('[title="Test"]',$x).length); // alerts "0"

如果不将动态元素包装在一个额外的元素中，我找不到实现你想要的东西的方法(上面的警告“1”):

var $x = $('<div><div id="one" /><div id="two" title="Test" /></div>');
alert($('[title="Test"]',$x).length); // now alerts "1"

这应该不是什么大问题，当添加到 dom 中时，您可以使用 $x.children():

$someOtherElement.after($x.children());