php - HTML / PHP / CSS / jQuery：是否可以将a：悬停在文本或链接的URL上？

Question

我想是否可以确定悬停的链接。就像如果我悬停http://google.com/一个 div 应该弹出（显示：块）并显示谷歌徽标，如果我悬停 stackoverflow.com 则 stackoverflow 徽标等等......

这可以通过 a:hover 来实现，还是我必须将每个链接都放入它自己的 div 中？

非常感谢，真的！

Answer 1

您可以通过为所有a元素分配一个侦听器来做到这一点。

$('a').hover(function() {
  var href = $(this).attr('href');
  if (href == 'http://stackoverflow.com') {
    // do your thing
  }
});

如果您不想进行精确的 url 匹配，您可以向 a 元素添加特殊数据属性并检查它们。

<a data-rel = 'stackover' href="http://stackoverflow.com">SO</a>

$('a').hover(function() {
   var rel = $(this).data('rel');
   if (rel == 'stackover') {
     // do your thing
   }
});