jquery - IE 8, jQuery 1.7.1 $(element).parents(selector) 也返回兄弟姐妹

Question

我有一个这种布局的表格：

<div class='detail'>
    <div>
        <input type='button' class='save' />
    </div>
</div>
<div class='detail'>
    <div>
        <input type='button' class='save' />
    </div>
</div>
<div class='detail'>
    <div>
        <input type='button' class='save' />
    </div>
</div>

什么时候$(".save").click()触发。我打电话$(this).parents(".detail")

对于 IE，会发生以下情况： -<div class='detail'>选择父级以及之前的<div class='detail'>兄弟级。

对于 FF，会发生以下情况： - 仅<div class='detail'>返回父级。

我正在寻找的正确功能是 FF 正在做的事情。

我可以知道如何为 IE 做一个解决方法。

谢谢你。

编辑：这是点击事件处理程序：

$(".product_details .button_save_draft").bind("click", function (event) {
    event.preventDefault();
    alert($(this).parents(".product_details").length);
});

Answer 1

我不知道为什么上述工作如上所述，但作为一种解决方案，您可能需要查看.closest()

$(".product_details .button_save_draft").bind("click", function (event) {
    event.preventDefault();
    alert($(this).closest(".product_details").length);
});

也看看他们之间的区别