Привет посмотрите на 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 был установлен работать в режиме эмуляции следовательно, $ был проблемой.
Из документов (выделено мной)
Соответствует всем элементы , которые являются n-м потомком своего родителя или являются четными или нечетными потомками родителя.
В настоящее время вы выбираете родителя, тогда как вы должны выбирать детей:
$("div.entry > div:nth-child(3)").css("margin", "0px");
Попробуйте этот селектор:
div.entry > div.box:nth-child(3n)
Ваш : энный ребенок
селектор не ссылается n
, и необходимо сослаться на внутреннее отделение
в селекторе.
Попытка:
$(document).ready(function(){
$("div.entry div:nth-child(3n)").css("margin", "0px");
});
nth-child также, похоже, не индексируется на 0. Имейте это в виду, если вы привыкли индексировать по 0.