如果href包含在div标签中使用jquery，如何获取href url

Question

如果href属性包含在div标签

中的锚标记中，如何获取href url

<div id="testing">
<a onclick="http://google.com">google</a>
<a href="http://facebook.com">facebook</a>
<a onclick="http://gmail.com">gmail</a>
</div>

Answer 1

您可以使用eq()从集合中获取索引的特定元素：

$('#testing a').eq(1);

或者

$('#testing a:eq(1)');

两者都会返回第二个a元素 - 示例中指向facebook.com的链接。

Answer 2

获得锚点的另一个选择

1）$("#testing a")[1].href

2）$("#testing a").eq(1).attr("href")

3）按属性选择器

 $("#testing a[href='http://facebook.com']").attr("href");

4）这个没有jQuery

document.getElementById("testing").getElementsByTagName("a")[1].href

Answer 3

尝试jquery prop()和eq()：

$('a:eq(1)', $('#testing')).prop('href'); //<-- http://facebook.com

或

$('a', $('#testing')).eq(1).prop('href'); //<-- http://facebook.com

或

$('#testing').find('a').eq(1).prop('href'); //<-- http://facebook.com

或

$('#testing').find('a:eq(1)').prop('href'); //<-- http://facebook.com

Answer 4

您将收集此信息

// .eq( idx ) will give you the element at index idx (this begins from 0)
var $second_a_tag = $('#testing a').eq(1);

// .attr( attr_name ) will give you the value of attr_name attribute.
var href_attribute = $second_a_tag.attr('href');

如果你不关心保留$second_a_tag变量，你可以确定合并这些行：

var href_attribute = $('#testing a').eq(1).attr('href');