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; 
} 

這不是超級偉大的代碼。如果您向我們提供一些關於您正在處理的內容的更多信息，則應該提供一些更強大的內容。但基本思想是你檢查一組感興趣的元素，看它們是否具有可彙總的內容（即，如果它們的文本內容可以被解釋爲一個數字）;那麼你可以將可加的項目加在一起。

像這樣的算法的要求會強加你的「列」可以被標記的方式的限制。但是有一個近乎無限的可能性。