jquery - Jqueryはmouseenterのdivのテキストを変更しません

Question

別<div>のにカーソルを合わせると、にテキストが表示されるようにしようとしています。何らかの理由で機能しません。からを取得し、それを使用に渡す必要があります...ここにコードがあります：<li><div>data-name<li>.pagename_h1html()

リストアイテム
<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セレクター、特にクラスセレクターとIDセレクターについてもっと読む

Answer 2

そのnavIconをidとして設定しているときに、class=navIconの要素を取得しようとしています。代わりに次のセレクターを試してください。

$('#navIcon')