Jquery 更改按钮文本和替换跨距

我有一个按钮，我想改变它的文本一旦点击。令人恼火的是，我昨天确实让它使用这个代码，但现在它似乎被破坏了

（编辑）我现在知道我错过了jQuery库

我还希望在显示“添加到好友列表”时显示带有“+”符号的

span

，在显示“添加”时隐藏/不显示：

以下是我的基本jQuery：

$("#addTo").click(function() {
   $(this).text("Added");
});

HTML

+添加到好友列表

在这里也拉小提琴：

---

谢谢。Y.

您忘记添加jQuery引用

<button type="submit" id="addTo"><span>+</span>Add to Friends List</button>

+添加到好友列表

代码在这里-

$("#addTo").click(function() {
  if($(this).text()=="Added"){
    $(this).html("<span>+</span>Add to Friends List");
  }
  else 
    $(this).text("Added");
});

$（“#添加到”）。单击（函数（）{
如果（$（this）.text（）=“已添加”）{
$（this.html（“+添加到好友列表”）；
}
其他的
$（此）.text（“添加”）；
});

您缺少什么来检查按钮的当前状态，因此需要将html放入按钮中

这意味着如果文本是

添加的

，那么我们需要将此

+添加到好友列表

html放在按钮内，如果文本不是

添加的

，我们需要将其设置为

添加的

---

注意：您还忘了在那里添加jQuery库

它工作正常，我想您忘了选择jQuery作为库Haha sadface，但对于第二部分，您缺少jQuery引用@badZoke，所以在“添加到好友列表”时，它显示的是+

span

，而不是在显示“添加”时，但当再次单击时，它会返回显示“添加到好友列表”，并显示“+”等。可能是一条注释。SO不希望显示

+

，引用“显示刚添加的内容时隐藏/不显示：”好的。。你的问题让我有点困惑，首先是你关于我得到的第二部分的评论：）等待@badZoke删除downvote@RohitAgrawal如果你冷静一点，是的。

$("#addTo").click(function() {
  if($(this).text()=="Added"){
    $(this).html("<span>+</span>Add to Friends List");
  }
  else 
    $(this).text("Added");
});