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

Question

我想将 <ul> 中的所有 data-score 值加在一起，并将它们存储在 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 元素并获取 data-score 属性值一样简单。

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

以下是您在询问之前检查过的内容：

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

Add data attribute values together and store as a var jQuery

jquery

custom-data-attribute