データ数を取得してスパン数に適用するjQueryのクリック機能

Question

その遅い可能性があります。完全に不足していて、愚かですが、クリックされた要素のデータ値とスパン内のカウントを更新しない理由は何ですか？

// simple like count function for demo 
 
$('.action-like').on('click tap', function() { 
 
    var currentCount = $(this).data('like-count'); 
 
    var newCount = currentCount + 1; 
 
    $(this).data('like-count', newCount); 
 
    $(this).find('.count').html(newCount); 
 

 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<p><a href="#" class="btn btn--secondary action-like" data-like-count="1">Like</a> <span class="small"><span class="count">1</span> person likes this</span> 
 
</p> 
 

 
<p><a href="#" class="btn btn--primary action-like" data-like-count="5">Like</a> <span class="small">You and <span class="count">5</span> other people like this</span> 
 
</p>

Answer 1

aリンク内には.countが存在しないためです。あなたは親に行き渡ってそれを解決してから、findをしてください。そのよう

：それらのいずれかが十分である場合

$('.action-like').on('click tap', function() { 
    var currentCount = $(this).data('like-count'); 
    var newCount = currentCount + 1; 
    $(this).data('like-count', newCount); 
    $(this).parent().find('.count').html(newCount); 
    return false; 
}); 

Answer 2

キーはあなたのthisが.countのと並べているaに参照されていることである。この

$(this).parent().find('.count').html(newCount); 

を試してみてください。