Question

我有HTML：

<th width="90px" class="navigation" scope="col">
    <a href="1234">BLOG</a>
</th>

我想点击BLOG

时找到href

我试过这个：

$('.navigation').click(function (e) {
    e.preventDefault(); // prevent default anchor behavior
    var goTo = this.child().getAttribute("href"); // store anchor href

    alert(goTo);
});

页面上还有其他链接，我不想提醒href。否则我会这样做：

$('a').click(function (e) {
    e.preventDefault(); // prevent default anchor behavior
    var goTo = this.getAttribute("href"); // store anchor href

    alert(goTo);
});

FIDDLE

Answer 1

改变这个：

var goTo = this.child().getAttribute("href");

到此：

var goTo = this.children.item('a').getAttribute('href');

Fiddle in action

或使用jQuery方式：

var goTo = $(this).find('a').attr('href');

Answer 2

您可以使用 .children() ：

$('.navigation').click(function (e) {
    e.preventDefault(); // prevent default anchor behavior
    var goTo = $(this).children().attr("href"); // store anchor href

    alert(goTo);
});

或 .find() ：

$('.navigation').click(function (e) {
    e.preventDefault(); // prevent default anchor behavior
    var goTo = $(this).find('a').attr("href"); // store anchor href

    alert(goTo);
});

此外，您可以使用.attr('href')代替getAttribute("href");来获取主播的href值。

Answer 3

使用.attr()：

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

<强> Working Demo

Answer 4

$('.navigation a , .differentclass a').click(function (e) {
    e.preventDefault(); // prevent default anchor behavior
    var goTo = $(this).attr("href"); // store anchor href

    alert(goTo);
});

Answer 5

$('.navigation').click(function (e) {
   e.preventDefault();
   var goTo = $(this).find('a').attr('href');
   alert(goTo)
});

适合我

Answer 6

<th width="90px" class="navigation" scope="col"> <a href="1234" class="link1">BLOG</a> <a href="5678">BLOG2</a> </th>

添加到@Jai的答案，如果你想要一个类中特定链接的href，你可以使用这个 - var goTo = $(this).find('a.link1').attr('href');

甚至是

var goTo = $(this).find('.link1').attr('href');

找到类中链接的href

6 个答案:

Fiddle in action