javascript - リスト項目に非表示の div を表示する

Question

html:

次のように構成された各liのulリストがあります。

   <li class="A">list-item
     <div>1</div>
     <div class="B">2
        <div class="C">3</div>
     </div>

   </li>

div C には CSS プロパティ display:none; があります。私はこのjsを書きました：

   $(".A").hover(function () {
   $(".C").toggle();
   });

これは、li ホバーで非表示の div を表示しますが、アクティブな li アイテムでのみ js を動作させたいと考えています。したがって、li項目にカーソルを合わせると、そのリスト項目の非表示のdivのみが表示されます。

助言がありますか？私はjsが初めてなので、助けていただければ幸いです.thnx!

score 3 · Accepted Answer

このようなものを試してみてください。クラスが見つかりCますthis（ホバリングされている要素になります）

$(".A").hover(function() {
    $(this).find(".C").toggle();
});

score 2 · Accepted Answer

コンテキストを使用して、ルックアップを目的の要素の子に絞り込みます。

$(".A").hover(function () {
   $(".C", this).toggle();
});

3 に答える 3