Question

这是我的方案的示例代码。我有一些元素使用来自MYSQL表的PHP在容器div中加载。

<div id="itemContainer">
    <div class="item">
        test
    </div>
    <div class="item">
        test
    </div>
    <div class="item">
        test
    </div>
    <div class="item">
        test
    </div>
    <div class="item">
        test
    </div>
    <div class="item">
        test
    </div>
</div>

所以他们可能是10或12件物品，但我只需要同时展示4件物品。所以我试着在第四个项目之后选择所有项目。我尝试的方式有一些问题，所以我需要你的帮助。

$(document).ready(function() {
        var items = $('#weekly_best_selling').children('.itemContainer').length;
        if (items > 6) {
            $('#weekly_best_selling').children('.itemContainer').nextAll('.itemContainer').css( "background-color", "red" );
        }
    });

http://jsfiddle.net/yasithao3/j2zyhmr3/

Answer 1

您可以使用:gt选择器来定位索引大于作为参数传递的索引的元素。还要注意:gt选择器有0个索引。使用：

$('#itemContainer .item:gt(3)').hide();//hide items having index greater than 3

<强> Working Demo

Answer 2

$('.item:gt(3)').hide()

使用jQuery的:gt()选择器。

如何在一些特定数量的div元素之后选择所有div元素？

2 个答案: