jquery - Jquery 不会在 mouseenter 上更改 div 中的文本

Question

<div>当您将鼠标悬停在不同的位置时，我试图让文本出现在<li>一个不同的位置上，<div>由于某种原因它不起作用。它应该data-name从 the 中获取<li>并将其传递给.pagename_h1using html()...这里的代码：

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

项目清单
<script>$('.navIcon').hover( function () { $('.pagename_h1').html($(this).attr('data-name')); }); </script>

数据名称应以文本形式显示的 div
<section class="round"> <div class="pagename_h1"> </div> </section>

我是否正确使用 CSS 选择器.pagename_h1？我应该使用悬停以外的东西吗？不是.html()替换文本的正确功能吗？

Answer 1

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

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

阅读有关jQuery 选择器的更多信息，特别是Class Selector和ID Selector

Answer 2

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

$('#navIcon')