javascript - 将 data-id 附加到文本函数

Question

当我单击该框时，我需要更改分数，但仅限于我单击的框，但现在它会在循环中的所有框上更改。我有 group_id，点击了哪个框，但是，我如何加入这个 group_id 的 text() 函数，或者什么解决方案对此有好处？

https://jsfiddle.net/9zx38y9g/2/

<div data-group="1" class="score">
   <!-- PHP loop -->
   <i data-nr="1" class="list"></i>
   <i data-nr="2" class="list"></i>
   <i data-nr="3" class="list"></i>
   <span class="list-score">25</span>
</div>

<div data-group="2" class="score">
   <!-- PHP loop -->
   <i data-nr="1" class="list"></i>
   <i data-nr="2" class="list"></i>
   <i data-nr="3" class="list"></i>
   <span class="list-score">18</span>
</div>

$('.list').click(function() {
   var group_id = $(this).closest('.score').data('group');
   $('.list-score').text(250);

});

Answer 1

您可以使用find()父元素上下文中的元素。

$('.list').click(function() {
    var score = $(this).closest('.score');
    score.find('.list-score').text(250);
    //var group_id = score.data('group');

    //.siblings() method can also be used
    $(this).siblings('.list-score').text(250);
});

Fiddle