javascript - 如何汇总以特定选择器名称开始的所有字段

Question

我有很多跨度字段，其中包含文本格式的数字。这些字段具有相同的名称第一部分 singleprice-23、singleprice-24、singleprice-25 等。我如何总结所有这些使用 jQuery 的字段？我怎样才能对具有相同名称开头的输入执行相同的操作？

Answer 1

你可以:

• 查找 id 以 singleprice 开头的所有范围
• 迭代每个跨度并求和其值

请参阅以下内容:

var spans = $('[id^=singleprice]');
var sum = 0;

spans.each(function(index, value){
  sum += +($(value).html());
});

console.log(sum);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="singleprice-23">100</span>
<span id="singleprice-24">200</span>
<span id="singleprice-25">400</span>