Javascript在点击时更改div的文本

Question

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

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

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

任何人都可以帮助我吗？

问候， Merijn

Answer 1

Here's a basic working example使用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不是“为我写的”。