jQuery:嵌套多重选择器意外行为

Question

为什么这段代码:

var jQueryString="div.data > div.item > div.quantity,div.article,div.price > :input";  
$(jQueryString).live("click", function(event) { alert(this); });

输出[object HTMLDivElement]而不是[object HTMLInputElement]？

JSFiddle example here .

我知道这是一个与 selector-find-live-returning-the-parent-from-a-multiple-selector 类似的问题，但我想要一个更好的解决方案(获取我想要的 HTML 元素，仅修改 jQueryString)。

<小时/>

正在更新

这是一个用于教学理解的代码示例，我不能接受像“通过每个输入定义 jquery 搜索字符串”这样的解决方案，因为在实际代码中有很多输入。

@Sotiris 的答案太接近而不完美。

<小时/>

正在更新

完美的解决方案是::jQuery, Real :not operator equivalent
=感谢大家:P =

Answer 1

因为在选择器中您没有选择三个输入，而是选择了两个 div 和一个输入。

div.data > div.item > div.quantity 选择一个 div

div.article 选择 div.article

下面选择输入

div.price > :input

在下面的演示中，您可以看到它们都使用 "div.data > div.item > div.quantity > :input,div.article > 警告 [object HTMLInputElement] :input,div.price > :input"

演示: http://jsfiddle.net/FDNMD/7/