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

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

: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被隐藏在彼此之上，这使得它看起来不起作用。谢谢你的帮助。

一切都超过了第n个孩子

3 个答案: