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

Question

我是 jQuery 新手，无法让它适用于我的特定情况。

所以这就是我想要在页面上显示的内容：在页面的一侧div带有乐曲列表（例如“The Letter - String Quartet”），然后在页面的另一侧div显示不同的文本，具体取决于哪个链接已被单击（因此，如果我在其中一个中单击“The Letter - String Quartet” div，它将在另一个中显示有关该特定片段的段落）。我希望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/