Comment puis-je obtenir une valeur href d'un lien dans une liste ul li

Question

J'ai une liste non ordonnée tels que:

<ul id="cities"> 
    <li><a href="/london/">London<a></li> 
    <li><a href="/new-york/">New York<a></li> 
    <li><a href="/paris/">Paris<a></li> 
<ul> 

en utilisant jquery comment puis-je obtenir la valeur href pour « New York »? Seule la valeur du texte d'ancrage est connue par le client, donc je voudrais trouver le texte d'ancre correspondant et extraire le href.

Merci

Answer 1

Vous pouvez utiliser le sélecteur :contains, comme ceci:

$("#cities li a:contains(New York)").attr('href'); 

Ou plus longtemps, mais plus précis (puisque :contains() correspondrait à "New York City" aussi bien), vous pouvez utiliser la méthode .filter() pour une correspondance exacte , comme ceci:

$("#cities li a").filter(function() { 
    return $(this).text() === "New York"; 
}).attr('href'); 

Answer 2

var href = $('ul#cities li a').filter(function() { 
    return $(this).text() === "New York"; 
}).attr('href');