jQuery: последний ребенок не работает в IE8

Question

Привет, я пытаюсь использовать: last-child в IE8 безрезультатно. Пример того, что я пытаюсь сделать, это

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

Это хорошо работает везде у меня, кроме IE, и предложения?

Answer 1

Ваш код jQuery работает хорошо, но обратите внимание, что ie8 выбрасывает всю декларацию CSS, содержащую селектор CSS3 :last-child между другими (множественными) селекторами. Пример:

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

демо

Answer 3

Попробуйте вместо этого:

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

DEMO