javascript - アイテムは個別に表示されます

Question

show()個別に作成する方法、[表示]をクリックすると、すべての.whatevereverクラスが開きます。

コードは次のとおりです。

$(document).ready(function() {
    function excerpt(text, len) {
        return text.substring(0, len) + "&hellip;" + '<span>Show</span>';
    }

    var $div = $('.container');
    $div.each(function() {
        var $p = $(this).find("p:first");
        var theExcerpt = excerpt($p.text(), 230);
        $p.data('html', $p.html()).html(theExcerpt);
    });

    $('span').click(function() {
        var isHidden = $(this).text() == 'Show';
        var $p = $(this).parent();
        var theExcerpt = excerpt($p.text(), 230);
        $p.html(isHidden ? $p.data('html') : theExcerpt);
        $('.whateverever').show();
        $(this).remove();
    });

});​

オンラインで確認してくださいサンプル：http：//jsfiddle.net/M6wzh/6/どうも ありがとう

Answer 1

試す

$(document).ready(function() {
    function excerpt(text, len) {
        return text.substring(0, len) + "&hellip;" + '<span>Show</span>';
    }

    var $div = $('.container');
    $div.each(function() {
        var $p = $(this).find("p:first");
        var theExcerpt = excerpt($p.text(), 230);
        $p.data('html', $p.html()).html(theExcerpt);
    });

    $('span').click(function() {
        var isHidden = $(this).text() == 'Show';
        var $p = $(this).parent();
        var theExcerpt = excerpt($p.text(), 230);
        $p.html(isHidden ? $p.data('html') : theExcerpt);
        $p.next().show();//the div you're looking for is the next sibling of the parent p
        $(this).remove();
    });

});​

http://jsfiddle.net/mowglisanu/M6wzh/7/

Answer 2

$('.whateverever', this).show();

それ以外の

$('.whateverever').show();

あなたをあなたの道に連れて行くべきです。

Answer 3

あなたはこれを行うことができます：

$('span').click(function() {
    var isHidden = $(this).text() == 'Show';
    var $p = $(this).parent();
    var theExcerpt = excerpt($p.text(), 230);
    $p.html(isHidden ? $p.data('html') : theExcerpt);
    $(this).next(".whateverever").show();
    $(this).remove();
});

フィドル

Answer 4

この前にjqueryの.closet（）を使用してください。コードを少し編集するだけです

   $('.whateverever').show();
replace this line by        
   $.closest('.whateverever').show();
  and check.