jquery - 如何将动态生成的 anchor 标记的 URL 传递给 jQuery hide() 函数？

Question

嗨，我在这里尝试做的是生成 HTML 中的链接列表作为 anchor 标记:

<a href="/path/100" id="clickme">One link</a>
<a href="/path/101" id="clickme">Sec link</a>
<a href="/path/102" id="clickme">Third link</a>
<a href="/path/103" id="clickme">Fourth link</a>

当有人将鼠标悬停在任何链接上时，我想触发对特定 URL 的 Ajax 调用。因此，我为此 id 注册一个像这样的 hover() 函数:

$('#clickme').hover(function(){
         $.ajax({
                beforeSend : function(jqXHR){
                    //Doin something
                },
                url: //should be the url from the anchor tag that fired this event(how to get it??),
                success: function(data) {
                    //Doin something
                },
                error: function(jqXHR){
                    //Doin something
                }
              });
        });

我的问题是如何将 anchor 标记作为对象或其他东西传递，以便我可以检索我想要的任何内容，例如 href、链接的位置等。

对于单个 anchor 标记，它可以工作，但对于多个 anchor 标记，则不行......请帮助我。提前致谢。

Answer 1

id 应该始终是唯一的(这就是它被称为 ID 的原因)..使其成为类并使用类选择器

html

<a href="/path/100" class="clickme">One link</a>
<a href="/path/101" class="clickme">Sec link</a>
<a href="/path/102" class="clickme">Third link</a>
<a href="/path/103" class="clickme">Fourth link</a>

jquery

$('.clickme').hover(function(){
     var $this=$(this);
     $.ajax({
            beforeSend : function(jqXHR){
                //Doin something
            },
            url: //should be the url from the anchor tag that fired this event(how to get it??),
            data:{'href':$this.attr('href')}, //this will send '/path/100' as href if u click first link 
            success: function(data) {
                //Doin something
            },
            error: function(jqXHR){
                //Doin something
            }
          });
    });