使用javascript或jquery从自定义属性值中获取百分比

Question

我有一些HTML：

  <li class="project" data-project="300">web template 300 </li>
  <li class="project" data-project="200">wordpress 200 </li>
  <li class="project" data-project="160">graphic design 160 </li>

是否可以从data-project属性获取值并获得总和。然后使用JavaScript或jQuery获得百分比？

Answer 1

使用此代码使用jQuery获取自定义属性值

$(document).ready(function(){
    var a = 0;
    $('li').each(function(){
        a = a + parseInt($(this).attr('data-project'));
    })
    console.log(a);
})

Answer 2

$(document).ready(function(){ var a = 0; $('.project').each(function(){ a = a + parseInt($(this).data('project')); }) console.log(a); });

请试试这个......