IE 8，jQuery的1.7.1 $（元件）。家長（選擇器）返回的兄弟姐妹也

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做一個解決方法。

謝謝。

編輯： 這是Click事件處理程序：

$(".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); 
}); 

另見difference between them