Question

这是我的HTML大纲：

<div class="comment">
  <div class="votes">
    <ul>
      <li><a href="#"><img src="images/upvote.png" class="sm-icon color-on-hover"></a></li>
      <li><a href="#"><img src="images/downvote.png" class="sm-icon color-on-hover"></a></li>
      <li><a href="#"><img src="images/fav.jpg" class="sm-icon color-on-hover"></a></li>
    </ul>
  </div>
  <div class="comment-text">
    Comment goes here..
    <p class="author"><a href="#">Author name</a></p>
  </div>
  <div class="dropdown-menu hovercard">
    <div class="triangle"></div>
    Hovercard content
  </div>
</div>

这只是一个评论的结构，有多个评论动态生成。所以我不能分配那么多ID。来自其他帖子的部分也有作者姓名，需要使用hovercard。我也使用了类似的结构..

那么，有没有办法可以使用类名来做到这一点？

我正在使用jQuery：

$(".author").hover(function(){
        $(".hovercard").fadeIn(100);
    });

这会将所有hovercards显示在一起。

如果您需要更多说明，请发表评论。

Answer 1

您可以使用.closest和.next：

abstract

Example Fiddle

如何显示相应链接的hovercard？

1 个答案: