jquery - n 番目の子より上のすべて

Question

特定の子より上のすべてを選択しようとしていますが、gt: とスライスを使用してみましたが、動作しません。最初の子を明確に削除するのではなく、特定の子の後のすべてを取得するセレクターでなければなりません。現時点では2列目のみを取り出しているので、2列目以降が必要です。

問題の行は次のとおりです。

var myColumn = $('.partnerGroupContent > :nth-child(2)')

ここにフィドルがあります：

http://jsfiddle.net/kL3c8/20/

<div class="partnerGroupContent group">

   <div class="column"> 
        <div class="sponsor">1</div>
        <div class="sponsor">2</div>
   </div>
    <div class="column"> 
        <div class="sponsor">3</div>
        <div class="sponsor">4</div>
   </div>
    <div class="column"> 
        <div class="sponsor">5</div>
        <div class="sponsor">6</div>
   </div>
    <div class="column"> 
        <div class="sponsor">7</div>
        <div class="sponsor">8</div>
   </div>

</div>

var rowCount = 2

var myColumn = $('.partnerGroupContent > :nth-child(2)')

if (rowCount == 2) {

        $('.partnerGroupContent').after(
        $('<div>', {
        'class': 'partnerGroupContent2'
         }).append(myColumn))

$('.partnerGroupContent').cycle();
$('.partnerGroupContent2').cycle();

}

Answer 1

使用する:gt()

$("div :gt(4)").css("background-color", "yellow");

http://api.jquery.com/gt-selector/

Answer 2

私が試したことの1つは実際に機能しました：

var myColumn = $('.partnerGroupContent > :nth-child(n + 2)')

ただし、div は互いの上に隠されているため、機能していないように見えました。いつも助けてくれてありがとう。

Answer 3

:gt()jQueryで使えます。

• :gt(n)n より大きい
• :lt(n)n 未満の場合

• :eq(n)nに等しい

  $("div :gt(4)").css("background-color", "colour name");