使用javascript更改按钮中的文本？

Question

我有一个常见问题列表可以这样工作：有几个迷你卡包含一个问题（一些文本）和一个按钮（让我们说“看到答案”）。当我点击按钮时，问题的答案出现在按钮上方。然后按钮不应该是“看到答案”按钮，而是“关闭”按钮。我需要对最后一部分提供一些帮助。

这就是我所做的：

<p>Question</p>
<div class="collapse" id="FAQ">
    <div class="well">
        Answer to the question
    </div>
</div>
<a class="btn" role="button" data-toggle="collapse" href="FAQ" aria-expanded="false" aria-controls="collapseExample">See the answer</a>

附带问题：因为这是一个列表，我将有几个“看到答案/关闭”按钮，我会说我不允许使用id来使其工作，是吗？

Answer 1

您可以$(".btn").innerHTML = "new text to be displayed"动态设置按钮上的文字。把它放在你的第一个click(function() {...})函数中。

不，从不对多个元素使用相同的ID。请改用类。您可以在一个元素上拥有多个类。例如，您可能拥有class="btn close"，然后使用toggleClass("close")在不存在的情况下添加它，请将其删除。