Sélectionnez tout li avec un <span> particulier et obtenir des informations de lien au sein de

Question

Je veux choisir tous les <li> dans mon code HTML qui ont le <span>Google Map</span> dedans et s'appliquent.

Et obtenez la valeur dans href avec jQuery. J'ai essayé de passer par les docs de jQuery mais je n'ai pas pu le comprendre. Est-ce possible?

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

Le code HTML actuel ressemblera à ceci.

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

De cela, je ne veux que celui avec Google Map Link. Le lien changera mais l'intervalle <span>Google Map Link:</span> ne changera pas.

Answer 1

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

qui vous donnera un objet tableau jQuery de tous les HREF

Answer 2

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

Vous auriez besoin d'invoquer .each() si vous attendez plus d'une occurence.

Quoi qu'il en soit, les sélecteurs comme celui-ci semblent si bizarre et étrange, je suggère d'utiliser .filter() de toute façon.

Answer 3

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