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);
});

还可以看到它们之间的区别