jquery - 更改按钮文本并替换跨度

Question

我有一个按钮，单击后我想更改其上的文本。令人讨厌的是，我昨天确实使用此代码，但现在它似乎被破坏了。

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

我还希望在显示span“添加到朋友列表”时显示带“+”的符号，并在显示“添加”时隐藏/不显示：

这是我的基本 jQuery：

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

HTML

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

在这里也摆弄一下：

http://jsfiddle.net/Ue3Zb/

谢谢。Y。

Answer 1

这是演示

代码在这里 -

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

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

这意味着如果文本是Added那么我们需要将此<span>+</span>Add to Friends Listhtml 放在按钮中，如果文本不是Added我们需要制作它Added

注意：你也忘了在那里添加 jQuery 库

Answer 2

你忘了添加 jQuery 参考..

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

查看更新的 FIDDLE