используя jquery как альтернативу css nth child - PullRequest
Новая
       7

используя jquery как альтернативу css nth child

2 голосов
/ 21 апреля 2010

Я использую следующую css для создания элементов списка с фоном макета (каждый второй элемент списка имеет серый фон, который сдвигает каждую строку для создания шаблона шахматной доски: 

li:nth-child(8n+2), li:nth-child(8n+4), li:nth-child(8n+5), li:nth-child(8n+7) {
    background-color:grey;
}

Есть ли способ, которым я могу сделать это, используя jquery, который поддерживает больше, чем css3? Спасибо

1 Ответ

7 голосов
/ 21 апреля 2010

Краткий ответ: да!

Просто используйте его как селектор внутри document.ready, и он будет работать в кросс-браузерном режиме, например: 

$(function() {
  $("li:nth-child(8n+2), li:nth-child(8n+4), li:nth-child(8n+5), li:nth-child(8n+7)")
    .css('background-color','grey');
});

Примечание: это работает на элементах , когда он запускается , если вы динамически добавляете / удаляете элементы, просто вызовите тот же селектор / .css(). Я бы порекомендовал класс в этом случае, поэтому вместо .css('background-color','grey') у вас будет .addClass('myClass')

...