javascript - jQuery 親スライス

Question

こんにちは、一部の div の一部の要素に対して偽の読み込みを追加しました。私の問題は、jquery スライスのLoad Moreをクリックし、すべての要素 (最初のコンテナーと 2 番目のコンテナーから) をクリックしてロードするときです。

ここに私のコードがあり、ここに 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

slice内部で使用する必要はありませんclick。これを試してください：

ここではjsFiddleが動作しています。

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

また、 は一意であることに注意してくださいid。異なる要素で使用しないでください。あなたの例ではそれはでした#comments。

Answer 2

next()とchildren()を次のように使用します。

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

デモを参照してください。