通过jQuery获取href值

Question

我想获取标签的href和hash值。当我这样做时：

$(document.body).on('click',"a",function(event){ 
    console.log($(this));
}); 

我看到一个类似于某物的对象。

[a.internalLink, context: a.internalLink, jquery: "1.10.2", constructor: function, init: function, selector: ""…]
    0: a.internalLink
        accessKey: ""
        attributes: NamedNodeMap
        ...
        hash: "#abc.1.2"
        ...
        href: "http://www.example.com/page.html#abc.1.2
        ...

但是当我尝试通过console.log($(this).href)获取值时，它根本不起作用（打印出“undefined”）。我该怎么办才能得到它？

- Mika H.

---

只需执行 this.href 或 $(this).attr('href')。 - kalley

Answer 1

如果你想引用元素的特定属性，可以使用jQuery的attr函数：

$(document.body).on('click',"a",function(event){ 
    console.log( $(this).attr("href") );
});

- jotaen

Answer 2

$('body').on('click', 'a', function () { 
    console.log($(this).attr('href'));
});

- Jivings

Answer 3

$(document.body).on('click',"a",function(event){ 
    console.log($(this).attr('href'));
    event.preventDefault();
}); 

- Paul Rad

Answer 4

$( "a" )[0].href 或者 $( "a" ).attr( "href" )。

- prayerslayer

Answer 5

你可以使用这段代码获取完整的 href 或者只获取 hash：

$("body").on("click","a",function() {
  var href = $(this).attr("href")
  var hash = href.replace(/^.*?#/,'');
  console.log(href + " - " + hash);
});

你可以在JSFiddle上看到一个演示。

- ReDEyeS

Answer 6

根据您的代码，单击“a”标签将在数组中为$(this)提供页面中所有锚点对象的列表。每个对象都有特定于jQuery的属性（如用jQuery包装的this）例如href、hash等。

因此，如果您只有一个锚点，则可以使用$(this)[0].href 但更具体的解决方案是使用$(this).attr("href")

- Kelsadita