HTML / PHP / CSS / jQuery：是否可以依赖于：悬停在文本或链接的URL上？

Question

我想过是否可以确定哪个链接悬停。就像我悬停http://google.com/一样，一个div应弹出（显示：阻止）并显示谷歌徽标，如果我将stackoverflow.com悬停在stackoverflow徽标等等......

这可以通过以下方式实现：悬停或是否必须将每个链接都放入其自己的div中？

非常感谢！

Answer 1

您可以通过为所有a元素分配侦听器来完成此操作。

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

如果您不想进行精确的网址匹配，可以为元素添加特殊数据属性，然后检查它们。

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

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