在購物網(wǎng)站中，我們常常需要設(shè)計(jì)購買商品的數(shù)量增加功能，這時(shí)候就可以使用jQuery來實(shí)現(xiàn)。下面我們來簡單地介紹一下使用jQuery來做購買數(shù)量點(diǎn)擊加一的方法。

$(document).ready(function(){
//找到增加數(shù)量的按鈕
$(".increase-btn").click(function(){
//找到當(dāng)前數(shù)量值對應(yīng)的文本框
var currentNum = parseInt($(this).siblings(".quantity").val());
//將數(shù)量值加1
currentNum += 1;
//將新的數(shù)量值賦值給文本框
$(this).siblings(".quantity").val(currentNum);
});
});

首先，在頁面加載完成后需要調(diào)用$(document).ready()函數(shù)，在其中編寫代碼。

然后找到增加數(shù)量的按鈕，這個(gè)按鈕可以使用類名、ID或者其它屬性來尋找。在這里我們以類名為例，使用$(".increase-btn")來尋找該按鈕。

接下來，點(diǎn)擊該按鈕時(shí)，需要找到當(dāng)前數(shù)量值對應(yīng)的文本框，這個(gè)文本框也可以使用類名、ID或者其它屬性來尋找。我們使用$(this)來找到當(dāng)前點(diǎn)擊的按鈕元素，然后通過siblings(".quantity")來尋找其兄弟元素中class為quantity的文本框。

最后，將當(dāng)前數(shù)量值加1，并將新的數(shù)量值賦值給文本框，這里我們使用parseInt()函數(shù)將文本框中的值轉(zhuǎn)換為數(shù)字類型，并且使用val()函數(shù)將新的數(shù)量值賦值給文本框。

這樣，當(dāng)點(diǎn)擊增加數(shù)量的按鈕時(shí)，就可以自動將數(shù)量值加1。