兄弟節(jié)點(diǎn)循環(huán)求和：

<input type="text" name="v1" class="price" value="1">

<input type="text" name="v2" class="price" value="2">

<input type="text" name="v3" class="price" value="3">

<input type="text" name="v4" class="price" value="4">

<input type="text" name="v5" class="price" value="5">

<button onclick="sum()">點(diǎn)擊</button>

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script>

????function sum() {

? ? ? ? var service_id = {};

? ? ? ? var sum = 0;

? ? ? ? $(".price").each(function(index, el) {

? ? ? ? ? ? service_id[index] = el.value;

? ? ? ? ? ? sum += Number(el.value);

? ? ? ? });

? ? ? ? console.log(service_id, sum);

? ? }

</script>

涉及要點(diǎn)：

這里的Number() 作為一個(gè)函數(shù)來調(diào)用，它將把自己的參數(shù)轉(zhuǎn)換成一個(gè)原始的數(shù)值，并且返回這個(gè)值（如果轉(zhuǎn)換失敗，則返回 NaN）。

了解Number其他用法：https://www.w3school.com.cn/js/jsref_obj_number.asp

each() 方法規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。

提示：返回 false 可用于及早停止循環(huán)。

$(selector).each(function(index,element))

index?- 選擇器的 index 位置

element?- 當(dāng)前的元素（也可使用 "this" 選擇器）