将innerHTML从列表中的一项复制到元素的内容中

Question

我希望这样做:我有一个菜单项列表。当单击其中一个项目时，我想要一个javascript函数来获取该列表项目中的文本，并将其放置在页面上其他地方的div中。

这是我的jsfiddle: http://jsfiddle.net/3BF4q/

function setText() {
document.getElementById("selected").innerHTML = this.innerHTML; 
};

我不太了解JavaScript，所以我确信问题很简单。

另外，如果在stackoverflow上有类似的问题，请给我一个链接，我会删除这个问题。

Answer 1

您必须将元素传递给函数…这样它就知道您点击了哪个<a>标签。

在你的HTML中加入this作为函数参数

<a href="#" onclick="setText(this);">

在你的Javascript中…在本例中，(e)是指该元素。

function setText(e){
document.getElementById('selected').innerHTML = e.innerHTML;
 }

演示

这里是使用Jquery....只是为了展示它变得有多紧凑…

<a href="#">

.

$('a').click(function(){$('#selected').html($(this).html());});

演示