Если родительский класс имеет X, то сделайте это, иначе это

Question

Я хочу, чтобы четвертый .service-список был добавлен, когда он внутри:

 <section class="sixteen">

Когда это любой другой класс, я хочу добавить .third к третьему .service-list.

* 1006 например *

 if ($("section").hasClass("sixteen")) {

     $('div.service-list').filter(function(index){
     return (index%4 == 3);
     }).addClass('fourth');

 } else {

     $('div.service-list').filter(function(index){
     return (index%3 == 2);
     }).addClass('third');
 }

Однако, похоже, на странице ЛЮБОЙ .sixteen. Я просто хочу проверить родительский список .service-list.

В данный момент он находит еще одну шестнадцать вниз по странице и добавляет четвертую, когда мне нужно, треть, потому что он находится внутри сетки меньшего размера.

Вот jsFiddle: http://jsfiddle.net/Xu3Yq/

Answer 1

Как насчет этого:

$('section')​​​​​​​.each(function() {
    var $this = $(this);

    if ($this.hasClass('sixteen')) {
        $this.find('div.service-list:eq(3)').addClass('fourth');
    } else {
        $this.find('div.service-list:eq(2)').addClass('third');
    }
});​

http://jsfiddle.net/mzwqD/