php - Jquery .hover 在 foreach 循环内的 li 标签中显示所有箭头字形

Question

我对如何在我的 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 上时显示。

抱歉我的英语不好。

谢谢。希望任何人都可以帮助我解决我的问题。

Answer 1

你应该把鼠标悬停在li上

jQuery(function() {

  jQuery(".side-nav ul a > li").hover(function() {

    jQuery(this).find('.hover-arrow-right').show();

 });

});