主页 / 问题 / 1363887
Accepted
ΝNL993
Asked:2022-05-20 04:04:18 +0000 UTC2022-05-20 04:04:18 +0000 UTC

如何将所有属性值加在一起？

  • 772

例如，有这个 HTML 代码：

<div class=content>
 <ol>Pages List</ol>
  <p class=list views=10>Example - 1</p>
  <p class=list views=4>Example - 2</p>
  <p class=list views=7>Example - 3</p>
</div>

和这样的JS代码：

(function() {
    'use strict';
    let totalViews = $('p[views]').???;
    if (totalViews > 0) {
        $('div.content ol:first').append('<span style="font-size: 15px;color: rgb(191, 191, 191);">  [' + totalViews + ' Total Views ]</span>');
    } else {
        $('div.content ol:first').append('<span style="font-size: 15px;color: rgb(213, 79, 79);">  [ Unexpected error! ]</span>');
    }
})();

以及在这种情况下，如何统计总浏览量？（jQuery不是问题，像第三方库一样，主要是留下适当的链接）

javascript

1 个回答

  1. Best Answer

    在这种情况下，如何计算总观看次数？

    const lists = document.querySelectorAll('.list');
const viewsCount = [...lists].reduce((acc, el) => {
    return acc + parseInt(el.getAttribute('views'));
}, 0);
console.log(viewsCount); // 21
    • 1

相关问题