получить якорь с конкретным текстом внутри лития, используя Jquery

Question

У меня есть следующий код 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 

Answer 1

Вы пропускаете двойные кавычки " в начале селектора LI. Вы также должны использовать селектор :contains вместо .contains(), потому что:

.Contains) Проверьте, чтобы увидеть (если DOM элемент является потомком другого элемента DOM.

и

: содержит Выберите все элементы, которые содержат заданный текст.

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

Answer 2

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

$("#selector li").find('a:contains(first)').click(function(){ 
alert(''); 
}); 

demo