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

Question

这个问题已经有答案了:

How do I change the text of an element using JavaScript? (18 个回答)

已关闭 7 年前。

我有一个以这种方式工作的常见问题解答列表:有几张迷你卡，其中包含一个问题(一些文本)和一个按钮(比方说“查看答案”)。当我单击按钮时，问题的答案出现在按钮上方。那么该按钮不应该是“查看答案”按钮，而是“关闭”按钮。我需要一些帮助来完成最后一部分。

这是我所做的:

<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 = "要显示的新文本"动态设置按钮上的文本。将其放入您的第一个 click(function() {...}) 函数中。

不，决不对多个元素使用相同的 ID。使用类来代替。一个元素上可以有多个类。例如，您可能有 class="btn close" ，然后使用 toggleClass("close") 在它不存在时添加它，在它存在时将其删除。