获取用 javascript 编写的 href 属性

【问题标题】：Getting href attribute as written with javascript获取用 javascript 编写的 href 属性
【发布时间】：2011-07-20 03:59:50
【问题描述】：

我想获得一个出现在 html 中的 href 属性，而不是完全限定的 url。

<a href="foo.html">foo</a>

$('a[href]').each(function(){
   alert(this.href);
});

获取以 http:// 开头的绝对 url。我希望它得到“foo.html”。

【问题讨论】：

【解决方案1】：

尝试.attr('href')获取href值。

【讨论】：

this.attr() 生成错误。您是否建议放弃这个并使用裸 .attr？
.attr 我的意思是$(this).attr('href')，因为this 是对没有 attr 方法的 DOMElement 的引用，但是当用 jQuery 包装时它确实有。

【解决方案2】：

你需要改变循环遍历元素的方式，以及使用this的方式：

$('a').each(function(){
   alert( $( this ).attr( 'href' ) );
});

【讨论】：