Jquery .hover 显示 foreach 循环内 li 标记中的所有箭头字形 - Jquery .hover displaying all arrow glyphicons in li tags that is inside foreach loop

Jquery .hover displaying all arrow glyphicons in li tags that is inside foreach loop

我对如何在 foreach li 标签中正确插入我的 .hover() 函数有点困惑。因为每当我将光标悬停在分配的类上时，所有标签都会显示glyphicon内容。

这是我的代码。

jQuery(function() {
  jQuery(".side-nav").hover(function() {
    jQuery('.hover-arrow-right').show();
  });
});

<nav class="side-nav">
  <ul>
    <?php foreach($posts as $p): ?>
    <a href="<?php echo get_permalink($p->ID);?>">
      <li>
        <?php echo $p->post_title; ?><span class="hover-arrow-right"><i class="fa fa-chevron-right"></i></span>
      </li>
    </a>
    <?php endforeach; ?>
  </ul>
</nav>

正确的输出是字形图标必须仅在光标分别放在 li 上时才显示。

对不起，我的英语不好。

谢谢。希望有人能帮助我解决我的问题。

你应该把鼠标悬停在 li 上

jQuery(function() {
  jQuery(".side-nav ul a > li").hover(function() {
    jQuery(this).find('.hover-arrow-right').show();
 });
});