使用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") 在它不存在时添加它，当它存在时将其删除。