将数据属性值一起添加并存储为var jQuery

Question

我想将data-score中的所有<ul>值加在一起，并将它们存储在jQuery变量中

<li>项目的数量将是动态的

<ul id="score_list">
  <li data-score="1">FooBar</li>
  <li data-score="0">FooBar</li>
  <li data-score="0">FooBar</li>
  <li data-score="3">FooBar</li>
  <li data-score="1">FooBar</li>
</ul>

TIA

Answer 1

它就像遍历所有li元素并获取数据得分属性值一样简单。

$(document).ready(function() {
    var x = 0;
    $('#score_list > li').each(function(a){
    x = x + +$(this).data('score')
  })
  console.log(x)
});

以下是您在询问之前已检查过的事项：

• How to get value of data attributes.
• How to get element by id