Javascript Adding

Question

好的，我有我想添加的列，如果他们有任何信息。所以说我有

• 账户

  • 。

有4个帐户空间，但只有3个帐户。 如何创建Java脚本来添加它。

Answer 1

Live Example

HTML：

<ul> 
    <li id="accounts"> 
     <p> Accounts </p> 
     <ul> 
      <li> 1 </li> 
      <li> 2 </li> 
      <li> 3 </li> 
      <li> . </li> 
     </ul> 
    </li> 
</ul> 

的JavaScript：

// Get accounts, ul and set sum to 0 
var acc = document.getElementById("accounts"), 
    ul = acc.getElementsByTagName("ul")[0], 
    sum = 0; 

// Filter out text nodes. Returning an array of <LI> elements 
var lis = Array.prototype.filter.call(ul.childNodes, function(li) { 
    if (li.tagName === "LI") { 
     return true; 
    } 
}); 

// Loop through LIs adding up the sum 
for (var i = 0, ii = lis.length; i < ii; i++) { 
    // If it's the last LI element then set the textContent. 
    if (i === ii - 1) { 
     lis[i].textContent = sum; 
    } else { 
     sum += +lis[i].textContent; 
    } 
} 

免责声明：需要现代的浏览器或Modernizr的。

Answer 2

如果你真正的标记就是这样一个列表，你可以做这样的事情：

// using jquery syntax for brevity; consider it pseudocode 

var jList = $('#accounts'); 

function addColumns() { 
    var iSum = 0; 
    jList.find('li').each(function() { 
    var jLI = $(this); 
    if(parseFloat(jLI.text()) != 'NaN') 
     iSum += parseFloat(jLI.text()); 
    }); 
    return iSum; 
} 

这不是超级伟大的代码。如果您向我们提供一些关于您正在处理的内容的更多信息，则应该提供一些更强大的内容。但基本思想是你检查一组感兴趣的元素，看它们是否具有可汇总的内容（即，如果它们的文本内容可以被解释为一个数字）;那么你可以将可加的项目加在一起。

像这样的算法的要求会强加你的“列”可以被标记的方式的限制。但是有一个近乎无限的可能性。