按类名获取HREF值

Question

我正在尝试获取放置在html页面上的特定锚标记的 href值。

html标签结构

<a rel="nofollow" title="some title" href="http://www.this-is-what-i-need.com/just-this.html"><span><em class="buttonGo"></em>Go to this page</span></a>

如何使用 buttonGo 类名从上面的锚标记中获取href值？

Answer 1

单行普通Javascript将为您提供所需内容：

var href = document.getElementsByClassName("buttonGo")[0].parentNode.parentNode.href;

但是，如果您不确定需要使用parentNode多少次，则必须使用循环：

var anchor = document.getElementsByClassName("buttonGo")[0];
do{
anchor = anchor.parentNode;
} while(anchor.nodeName.toLowerCase() != "a");
var href = anchor.href;

演示：Solution One（由Milche Patern创建）和Solution Two

Answer 2

使用jQuery：

$('.buttonGo').closest('a').attr('href');

如果没有jQuery，您需要先从document.getElementsByClassName('buttonGo')开始，然后向上抓取parentElement，直至找到a。

jQuery demo

Answer 3

如果要获取要单击的标签的属性，请使用：

$(this).attr("href");