Энный ребенок jQuery, не работающий правильно

Question

Энный ребенок jQuery, не работающий правильно

Я использую энно-дочерний селектор JQuery для изменения поля на каждом 3-м отделении с классом photo_post_thumbnail, но это изменяет его каждое 2-е отделение?

Кто-либо может определить то, что я делаю неправильно?

Сайт

http://www.clients.eirestudio.net/hatstand/wordpress/photos/

Разметка HTML


      blah blah



      blah blah



      blah blah

Код jQuery

$('.photo_post_thumbnail:nth-child(3n)').css('margin-right', '0px');

8

jquery css-selectors

задан Keith Donegan 23 April 2010 в 13:55

2 ответа

Альтернативное решение:

   $('.photo_post_thumbnail').each(function(i) {
      i=(i+1);
      if(i%3==0){
     $(this).css("margin-right","0px"));
    }
   });

5

ответ дан 5 December 2019 в 10:01

Другие вопросы по тегам:

jquery css-selectors

Похожие вопросы:

score 12 · Accepted Answer

Он делает это, потому что у вас есть

перед этими div, делая этот div четвертым дочерним, а не третьим: )

Селектор nth-child сначала немного путает, потому что это nth-child родителя, а не просто nth-child соответствующий этому селектору родителя, селектор не влияет на позицию для этого селектора.

Чтобы получить нужный вам div, сделайте 3n+1 вот так:

$('.photo_post_thumbnail:nth-child(3n+1)').css('margin-right', '0px');