jquery - 第 n 个孩子以上的所有内容

Question

我正在尝试选择某个孩子之上的所有内容，我尝试过使用 gt: 和 slice 但无法让它工作。它必须是一个选择器，它在特定孩子之后获取所有内容，而不是专门删除第一个孩子。目前它只取出第二列，我需要包括第二列和之后的所有内容。

有问题的行是：

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

您可以:gt()在 jQuery 中使用。

• :gt(n)对于大于 n
• :lt(n)小于 n

• :eq(n)等于 n

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

Answer 3

我尝试过的其中一件事确实有效：

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

然而，这些 div 被隐藏在彼此之上，这使它看起来好像不起作用。谢谢你的帮助。