Jquery不会更改div onmouseover中的文本

Question

当您将鼠标悬停在另一个<div>的{​​{1}}上时，我试图将文字显示在<li>中。由于某种原因，它无效。应该使用<div>中的data-name并使用<li>将其传递给.pagename_h1 ...代码：

列表项
html()

列表项
<li id="navIcon" data-name="News"><a class='inline' href="#inline_content"><img src="images/christian.jpg" class="hoverImages"></a></li>

数据名称应以文字显示的div
<script>$('.navIcon').hover( function () { $('.pagename_h1').html($(this).attr('data-name')); }); </script>

我正在为<section class="round"> <div class="pagename_h1"> </div> </section> 正确使用CSS选择器吗？我应该使用除了悬停之外的其他东西吗？ .pagename_h1不是替换文本的正确功能吗？

Answer 1

您的navIcon是一个ID而不是一个类。

将其更改为$('#navIcon').hover()

详细了解jQuery selectors，特别是Class Selector和ID Selector

Answer 2

当您将navIcon设置为id时，您正尝试使用class = navIcon检索元素。请尝试使用以下选择器：

$('#navIcon')