javascript - 更改元素 ID 和点击行为

Question

我需要制作一个按钮，在单击时更改其 id 及其名称。仅当我第一次单击“开始!”时它才会改变。之后它就不起作用了，我不知道为什么。

$("#start").click(function(){
  $(this).attr("id", "stop");
  $(this).html("Stop!");
});

$("#stop").click(function(){
  $(this).attr("id", "start");
  $(this).html("Start!");
});

Answer 1

更改 ID 不是一个好主意。

有一个按钮并切换类(class)和内容

$("#toggle").on("click",function(){
  $(this).toggleClass("stop");
  $(this).html($(this).is(".stop")?"Stop":"Start"); // if ($(this).is(".stop")) {} else {} 
});

.stop { background-color:red }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="toggle">Start</button>