jQuery：最後一個孩子在IE8中不工作

Question

嗨我試圖使用：最後一個孩子在IE8中沒有結果。 的什麼，我試圖做一個例子是

jQuery(".menu-item:last-child").addClass("clear-right"); 

這無處不在正常工作對我，但IE和建議？

Answer 1

試試這個：

jQuery(".menu-item").children().last().addClass("clear-right"); 
       // get children->last child 

DEMO

Answer 2

我假設菜單項ul li元素。

$(".menu-item li:last-child").addClass("clear-right"); 

demo

Answer 3

jQuery代碼效果很好，但要注意，那IE8扔掉含有CSS3等（多）選擇之間:last-child選擇整個CSS聲明。例如：

.menu-item:last-child, menu-item.clear-right { 
    clear: right; 
} 

將在IE8不工作，但以下將工作無處不在：

.menu-item:last-child { 
    clear: right; 
} 
menu-item.clear-right { 
    clear: right; 
}