Jquery html函数第二次不工作

我正在尝试对具有内联样式的输入按钮进行一些更改。我使用jQuery的html函数。它在我第一次单击+按钮时起作用，但在单击-按钮时不起作用

<div id='div_bouton_moins'><input type=button  value='-' id='bouton_moins' style='background-color:green !important'></div>
<div id='div_bouton_plus'><input type=button  value='+' id='bouton_plus' style='background-color:red !important'></div>


$('#bouton_moins').click(function(){

$('#div_bouton_plus').html("<input type=button  value='+' id='bouton_plus' style='background-color:red !important'>")
$('#div_bouton_moins').html("<input type=button  value='-' id='bouton_plus' style='background-color:green !important'>");
});


$('#bouton_plus').click(function(){

$('#div_bouton_plus').html("<input type=button  value='+' id='bouton_plus' style='background-color:green !important'>");
$('#div_bouton_moins').html("<input type=button  value='-' id='bouton_plus' style='background-color:red !important'>");


});

$（'#bouton_moins'）。单击（函数（）{
$（'#div_bouton_plus'）.html（“”）
$（'#div_bouton_moins'）.html（“”）；
});
$（'#bouton_plus'）。单击（函数（）{
$（'#div_bouton_plus'）.html（“”）；
$（'#div_bouton_moins'）.html（“”）；
});

---

谢谢大家

您的问题是：单击按钮时，您会创建一个全新的按钮。新按钮不再附加任何onclick事件

如果只想更改样式，最简单的方法如下：

$('#bouton_plus').click(function(){

    $('#div_bouton_plus').css({"background-color":"green"});
    $('#div_bouton_moins').css({"background-color":"red"});

});

您需要使用，因此您必须为数字添加的元素绑定稍微不同的单击，并且还需要为

减号按钮添加正确的ID：


$（文档）。在（'click'，'bouton'u moins'，函数（）上{
$（'#div_bouton_plus'）.html（“”）
$（'#div_bouton_moins'）.html（“”）；
});
$（文档）。在（'click'，'#bouton_plus'，函数（）上{
$（'#div_bouton_plus'）.html（“”）；
$（'#div_bouton_moins'）.html（“”）；
});
您应该看到单击处理程序中的每个按钮的ID都是
ID='bouton\u plus'
。把它修好，它就可以正常工作了。但我要结束这件事，因为你们真正的问题是活动授权。