Question

我想在我的html中选择<li>中包含<span>Google Map</span>的所有<li><span>Google Maps Staic Link:</span> <a target="_blank" href="**Value To Get**" rel="nofollow">Map</a></li>并申请。

使用jQuery获取href中的值。我试过浏览jQuery文档，但无法弄明白。这可能吗？

<li><span>Name</span>Newyork:</li>
<li><span>Added:</span>23rd April</li>
<li><span>Google Map Link:</span> 
<a target="_blank" href="**Value To Get**" rel="nofollow">Map</a>
</li>

实际的HTML将是这样的。

<span>Google Map Link:</span>

由此我只想要使用Google Map Link的那个。链接将更改，但范围{{1}}不会更改。

Answer 1

$('span:contains("Google Map")').next('a').attr('href');

将为您提供所有hrefs

的jQuery数组对象

Answer 2

$(function(){
   var href = $('li:has(span:contains(Google Map))').find('a').attr('href');
});

如果您预计会出现多次，则需要调用.each()。

无论如何，像这样的选择器看起来很奇怪和奇怪，我建议无论如何都要使用.filter()。

Answer 3

$('span:contains("Google Map")').each(function(index){
    alert($(this).siblings(0).attr('href')); //Do whatever with href attr...
});

选择具有特定<span>的所有li并获取</span>中的链接信息

3 个答案: