jQuery是一款非常流行的JavaScript庫(kù),它可以幫助我們簡(jiǎn)化編寫(xiě)JavaScript代碼的過(guò)程。當(dāng)我們需要在網(wǎng)頁(yè)中計(jì)算一些值時(shí),jQuery也提供了很方便的方法,比如相加。
在HTML代碼中,我們可以使用ul和li標(biāo)簽創(chuàng)建一個(gè)列表,每個(gè)li標(biāo)簽中包含一個(gè)數(shù)值。我們可以通過(guò)jQuery計(jì)算出這些數(shù)值的和。
<ul id="numberList"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <p id="result"></p>
在JavaScript代碼中,我們需要使用jQuery選擇器選中這些li標(biāo)簽,并把它們的數(shù)值相加。jQuery提供了一個(gè)each方法,在每個(gè)li標(biāo)簽上遍歷并執(zhí)行一個(gè)函數(shù)。我們可以在函數(shù)內(nèi)部取出li標(biāo)簽的數(shù)值,然后把它們累加起來(lái),并把結(jié)果設(shè)置到p標(biāo)簽內(nèi)。代碼如下:
$(function() { var sum = 0; $("#numberList li").each(function() { sum += parseInt($(this).text()); }); $("#result").text("合計(jì):" + sum); });
通過(guò)以上代碼,我們就實(shí)現(xiàn)了把li標(biāo)簽內(nèi)的數(shù)值相加并顯示在p標(biāo)簽內(nèi)的功能。