使用Jquery在li内部获取具有特定文本的锚点

get anchor with a specific text inside li using Jquery

本文关键字:文本 Jquery li 内部 获取 使用      更新时间:2023-09-26

我有以下html代码

<ul id="selector">
  <li> <a> first </a> </li>
  <li> <a> Second </a> </li>
</ul>

我想获得具有特定文本的锚,并在其上触发点击事件。

$("#selector li").find('a').contains('first').click()

错误:

$(...).find(...).contains is not a function

li选择器开头缺少双引号"。您还需要使用选择器:contains而不是.contains(),因为:

.contents()检查DOM元素是否是另一个DOM元素的后代。

:包含选择包含指定文本的所有元素。

 $("#selector li").find('a:contains(first)').click()
<ul id="selector">
  <li> <a> first </a> </li>
  <li> <a> Second </a> </li>
</ul>  
$("#selector li").find('a:contains(first)').click(function(){
alert('');
});

演示