jQuery：最后一个孩子不在IE8中工作

Question

您好我试图使用：IE8中的last-child没有结果。 我试图做的一个例子是

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

除了IE和建议外，这对我来说无处不在吗？

Answer 1

您的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;
}

Answer 2

我假设菜单项是ul li元素。

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

demo

Answer 3

请改为尝试：

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

DEMO