$("#addButton1").on("click", function(){
let addMenu = new Menu(allMenu[0].Id, allMenu[0].Title);
console.log(`newOrder : ${addMenu.mId}`);
addToCart(addMenu);
});
$("#addButton2").on("click", function(){
let addMenu = new Menu(allMenu[1].Id, allMenu[1].Title);
console.log(`newOrder : ${addMenu.mId}`);
addToCart(addMenu);
});
$("#addButton3").on("click", function(){
let addMenu = new Menu(allMenu[2].Id, allMenu[2].Title);
console.log(`newOrder : ${addMenu.mId}`);
addToCart(addMenu);
});
uj5u.com熱心網友回復：
好像
for(let i=0;i<allMenu.length;i ){
$(`#addButton${i 1}`).on("click", function(){
let addMenu = new Menu(allMenu[i].Id, allMenu[i].Title);
console.log(`newOrder : ${addMenu.mId}`);
addToCart(addMenu);
});
}
uj5u.com熱心網友回復：
執行此操作的一種極好的方法是使用類和資料
HTML 代碼
<div>
Product 1
<span class="addToCart" data-product="1">Add to Cart</span>
</div>
<div>
Product 1
<span class="addToCart" data-product="2">Add to Cart</span>
</div>
<div>
Product 3
<span class="addToCart" data-product="3">Add to Cart</span>
</div>
<div>
Product 4
<span class="addToCart" data-product="4">Add to Cart</span>
</div>
添加.js
$(".addToCart").on("click", function(){
let product = $(this).data("product")
let addMenu = new Menu(allMenu[product].Id, allMenu[product].Title);
console.log(`newOrder : ${addMenu.mId}`);
addToCart(addMenu);
});
uj5u.com熱心網友回復：
您可以使用前綴選擇器來選擇相似的元素，例如，選擇那些id以addButton開頭的元素，
addButton1,addButton2,addButtonme 全部選擇，因為它們都以 addButton 開頭
$('div[id^="addButton"]').
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/489633.html
標籤：javascript jQuery