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/

感谢。收率

Answer 1

here is the Demo

代码在这里 -

$("#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 List html放在按钮内，如果文字不是Added，我们需要将其设为Added

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

Answer 2

你忘了添加jQuery引用..

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

SEE Updated FIDDLE

更改按钮文本和替换跨度

2 个答案: