jquery - jquery toggleClass は、1 つではなくすべてのリスト項目を選択します

Question

私はjQueryが初めてで、Stackで同様の問題を検索しましたが、この特定の（そして一般的な）問題は見つかりませんでした。

デフォルトのクラスを持つアイテムのリストがあります。ロールオーバー効果を追加するために toggleClass を使用したいと考えています。問題は、ホバリングされているクラスだけでなく、すべてのリスがトグルされたクラスを取得していることです。

<ul>
 <li class="my-class"><div id="my-item>1</div></li>
 <li class="my-class"><div id="my-item>2</div></li>
 <li class="my-class"><div id="my-item>3/div></li>
</ul>

$('.my-class, li').on('mouseenter', function() {
    $('#my-item').toggleClass('project-home-title-hover');
});