jquery - 使用 jQuery 时，Sibling + 选择器在 IE7 中不起作用

Question

尝试使用 jQuery 选择同级元素，但它在 IE7 中不起作用。

这是我的示例代码:http://jsfiddle.net/y7AHz/6/ (点击运行查看结果)

var numberOfListItems = $("#txtInput + ul.ulContainer li").length;
$("#output").text(numberOfListItems);

在 IE8、Firefox、Safari 中它可以工作(# of list itmes comes to 3)。

Answer 1

这是一个 known bug在 IE6 和 7 中使用 sizzle(jQuery 下的选择器引擎)。相反，使用 .next()，它等同于 + 或 next adjacent 选择器和 .find()。它更冗长，但它适用于 IE6+:

var numberOfListItems = $("#txtInput").next(".ulContainer").find("li").length;

Updated jsFiddle