jQuery: энный ребенок () селектор

Привет посмотрите на HTML ниже. Я пытаюсь использовать jQuery для получения каждого 3-го экземпляра на ОТДЕЛЕНИЯХ с class="box" содержавший в DIV с class="entry" не иметь никакого правого поля:

Мой HTML-код:

<div class="entry">

    <div class="box">
        SOME HTML....
    </div><!-- end .box -->

    <div class="box">
        SOME HTML....
    </div><!-- end .box -->

    <div class="box">
        SOME HTML....
    </div><!-- end .box I Want to remove right hand margin on this div -->

    <div class="box">
        SOME HTML....
    </div><!-- end .box -->

    <div class="box">
        SOME HTML....
    </div><!-- end .box -->

    <div class="box">
        SOME HTML....
    </div><!-- end .box I Want to remove right hand margin on this div -->

    <div class="box">
        SOME HTML....
    </div><!-- end .box -->

    <div class="box">
        SOME HTML....
    </div><!-- end .box -->

    <div class="box">
        SOME HTML....
    </div><!-- end .box I Want to remove right hand margin on this div -->

    </div>
    <!--end entry-->

Моя попытка с jQuery:

   <script>
        $(document).ready(function(){
            $("div.entry:nth-child(3)").css("margin", "0px");
        });
   </script>

Я не могу получить эту работу, кто-либо может помочь?Заранее спасибо!


благодаря все, кто помог предоставленному решению, действительно корректны. Я кодирую предоставленный шаблон и нашел, что JQuery был установлен работать в режиме эмуляции следовательно, $ был проблемой.

7
задан Tim Post 14 May 2012 в 06:50
поделиться

4 ответа

Из документов (выделено мной)

Соответствует всем элементы , которые являются n-м потомком своего родителя или являются четными или нечетными потомками родителя.

В настоящее время вы выбираете родителя, тогда как вы должны выбирать детей:

$("div.entry > div:nth-child(3)").css("margin", "0px");
11
ответ дан 6 December 2019 в 08:14
поделиться

Попробуйте этот селектор:

div.entry > div.box:nth-child(3n)
1
ответ дан 6 December 2019 в 08:14
поделиться

Ваш : энный ребенок селектор не ссылается n, и необходимо сослаться на внутреннее отделение в селекторе.

Попытка:

$(document).ready(function(){
  $("div.entry div:nth-child(3n)").css("margin", "0px");
});
3
ответ дан 6 December 2019 в 08:14
поделиться

nth-child также, похоже, не индексируется на 0. Имейте это в виду, если вы привыкли индексировать по 0.

7
ответ дан 6 December 2019 в 08:14
поделиться
Другие вопросы по тегам:

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