JQuery是一個常用的JavaScript庫,它有很多強大的功能,其中包括遍歷相加。使用JQuery進行遍歷相加可以方便地操作HTML文檔中的元素。
$(document).ready(function() { var sum = 0; $("p").each(function() { // 使用each方法遍歷所有的p標簽 sum += parseInt($(this).text()); // 將遍歷到的p標簽內的文本轉換為數值類型并累加到sum變量中 }); console.log("所有p標簽的數值相加結果為:" + sum); });
代碼中使用了JQuery的each方法來遍歷所有的p標簽,然后使用parseInt將p標簽內的文本轉換為數值類型,并將其加到sum變量中。最后輸出所有p標簽數值的累加結果。
除了遍歷文本內容進行相加,JQuery還可以遍歷元素的屬性進行相加。比如,可以遍歷所有的input標簽的value屬性進行相加。
$(document).ready(function() { var sum = 0; $("input[type='number']").each(function() { // 使用each方法遍歷所有的type為number的input標簽 sum += parseInt($(this).val()); // 將遍歷到的input標簽的value屬性值轉換成數值類型并累加到sum變量中 }); console.log("所有input標簽的value屬性的數值相加結果為:" + sum); });
代碼中使用了JQuery的val方法獲取input標簽的value屬性值,然后將其轉換為數值類型并累加到sum變量中。最后輸出所有input標簽的value屬性的數值的累加結果。