大家好,我是编程新手,最近刚刚学习了 javascript。我正在尝试制作这个餐厅系统,如果你点击一张桌子,你可以将它设置为干净、满或脏,它会改变桌子的边框颜色。当我单击一个表并更改其颜色时,它可以工作,但是当我单击另一个表并更改其颜色时,它也会更改我单击的上一个表。
// Changes table number
$(".button").click(function(){
var chosenTable = $(this).attr("id")
$("h5").html("<h5>Table #: " + chosenTable + "</h5>");
})
// changes border color of tables
$(".button").click(function(){
var chosenButton = $(this)
$(".open").click(function(){
$(chosenButton).css("border", "5px solid #28a745");
})
setTimeout(function() {
$(chosenButton);
}, 100);
})
$(".button").click(function(){
var chosenButton = $(this)
$(".full").click(function(){
$(chosenButton).css("border", "5px solid rgb(220, 53, 69)");
})
})
$(".button").click(function(){
var chosenButton = $(this)
$(".dirty").click(function(){
$(chosenButton).css("border", "5px solid rgb(255, 193, 7)");
})
})
侃侃无极
临摹微笑
相关分类