通过单击另一个div中的链接更改一个div中的文本

Question

我是jQuery的新手，并且不能让它适合我的特定情况。

所以这就是我在页面上想要的东西：一边是div一个音乐列表（例如，“The Letter - String Quartet”），然后在页面的另一边另一边div将根据点击的链接显示不同的文本（因此，如果我在一个div中单击“The Letter - String Quartet”，它将在另一个中显示关于该特定部分的段落） 。我希望div显示信息在页面加载时说出“点击一篇文章以了解更多信息”。

Answer 1

基本思想是在每个可以点击的元素上都有一个点击处理程序，并让它设置你想要显示信息的div的html。

例如，如果您为莫扎特执行此操作：

<a id='mozart'>Mozart</a>

这是显示文字的div：

<div id='displayArea'></div>

您的jQuery代码可能类似于：

$('#mozart').click(function(e) { 
    $('#displayArea').html("Mozart was a great composer"); 
    e.preventDefault();
});

进一步阅读：

http://api.jquery.com/click/

http://api.jquery.com/html/

http://api.jquery.com/event.preventDefault/