0

機能している4番目の要素の後にタグを追加する必要がありますが、4番目の要素からhr削除するjqueryが壊れましたpadding-right。

hr タグがなくても、jquery は正常に動作します

 $("div.container  > div:nth-child(4n+4)").css("padding-right", "0px");

しかし、私が追加すると

この場合、jquery を壊すだけで、4 番目の div と 7 番目の div からパディングを削除します。
子アイテムとしても。

私も試しました

$("div.container > div.image-wrapper:nth-child(4n+4)").css("padding-right", "0px");

これは機能しませんでした。

image-wrapperクラスを持つdivのみを子としてカウントし、4番目と8番目のdivのみからパディングを削除するように変更するにはどうすればよいですか。

HTML

<div class="container">
    <div class="image-wrapper"></div>
    <div class="image-wrapper"></div>
    <div class="image-wrapper"></div>
    <div class="image-wrapper"></div>
    <hr class="video-divider-line">
    <div class="image-wrapper"></div>
    <div class="image-wrapper"></div>
    <div class="image-wrapper"></div>
    <div class="image-wrapper"></div>
    <div class="image-wrapper"></div>

</div>
4

3 に答える 3

2

これを試して：

var $divs = $("div.container > div.image-wrapper");

for (var i = 3; i < $divs.length; i+=4) {
   $divs.eq(i).addClass('zero-padding');
}

http://jsfiddle.net/RKUae/

または：

.zero-padding { padding-right: 0 }

$("div.container > div.image-wrapper").addClass(function(i) {
    if (++i % 4 === 0) return 'zero-padding';
});
于 2013-09-17T07:14:08.187 に答える
1 
$("div.container .image-wrapper:eq(3),div.container .image-wrapper:eq(6)").css("padding-right", "0px");

参照式

于 2013-09-17T07:09:41.120 に答える