select all li with a particual <span> and get link info within

Question

I want choose all the li in my html that has the <span>Google Map</span> in it and apply and get the value in href with jquery. I tried going through jquey docs but coulding figure it out. Is this possible?

<li><span>Google Maps Staic Link:</span> 
<a target="_blank" href="**Value To Get**" rel="nofollow">Map</a></li>

The actual HTML will be something like this.

<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>

From this I only want the one with Google Map Link. The link will change but the span <span>Google Map Link:</span> will not change.

Answer 1

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

that will give you an jQuery array object of all the hrefs

Answer 2

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

You would need to invoke .each() if you expect more than one occurence.

Anyway, selectors like this look so wierd and odd, I'd suggest to use .filter() anyway.

Answer 3

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