php - HTML / PHP / CSS / jQuery：a：hoverをテキストまたはリンクのURLに依存させることは可能ですか？

Question

どのリンクがホバーされているかを判断できるかどうかを考えました。http://google.com/にカーソルを合わせると、divがポップアップ（display：block）してgoogleロゴが表示され、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
   }
});