javascript - jQuery 父切片

Question

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

这是我的代码，这里是 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()and children()，像这样：

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

见演示。

Answer 2

你不需要使用sliceinside click，试试这个：

这是工作的jsFiddle。

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

还要注意id's 是唯一的，不要在不同的元素上使用它们。在你的例子中是#comments.