jquery - 如何从 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 如何获取“New York”的 href 值？客户端只知道 anchor 文本值，因此我想找到匹配的 anchor 文本并提取 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');