javascript - Javascript在点击时更改div的文本

Question

您好，我为我的网站设计了以下结构。但我不知道如何编码。

我有一个 div，里面没有内容。让我们称它为 div="text"。在这个 div 旁边我有很多按钮。当有人点击按钮时，div 文本需要显示链接到该按钮的文本。当单击另一个按钮时，文本需要消失，并且链接到单击的按钮的文本需要显示。

我想我可以通过在设置为 display:none 的文本中制作很多 div 来实现这一点，只要按下按钮，我就会将显示更改为阻止。但我不完全知道该怎么做。

谁能帮我？

问候，梅林

Answer 1

这是一个使用 jQuery的基本工作示例。

标记：

<div id="display"></div>
<input type="button" value="button 1" />
<input type="button" value="button 2" />
<input type="button" value="button 3" />
​

JS：

$('input:button').click(function() {
    $('#display').text($(this).val());
});​

我建议你开始学习 JS。StackOverflow 不适合“为我写”。