jQuery 父切片

Question

您好，我为某些 div 中的某些元素制作了更多的假负载。我的问题是当我点击 Load More jquery 切片并在点击我的所有元素时加载（来自我的第一个容器和第二个容器）。

这是我的代码和here is jsFiddle：

$(".tohide").hide();
$(".tohide").slice(0, 3).show();

$(".more-comments").click(function(){
    var showing = $(".tohide:visible").length;
    $(".tohide").slice(showing - 1, showing + 999).show(); 
}); 

Answer 1

使用next() 和children()，像这样：

$(this).next("#comments").children(".tohide").slice(showing, showing + 999).show(); 

见DEMO。

Answer 2

您不需要在click 中使用slice，试试这个：

Here is working jsFiddle.

$(".more-comments").click(function(){
    $(this).next('.comments').children('.tohide').show();
}); 

还要注意id 是唯一的，不要在不同的元素上使用它们。在您的示例中，它是#comments。