如何从ul li列表中的链接获取href值

Question

我有一个无序列表，例如：

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

使用jquery如何获得“纽约”的href值？通过客户端只知道锚文本值，所以我想找到匹配的锚文本并提取href。

由于

Answer 1

您可以使用:contains选择器，如下所示：

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

或更长，但更准确（因为:contains()也会匹配“纽约市”），您可以使用.filter()方法进行完全匹配，像这样：

$("#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');