Нажмите тег привязки с текстом

Question

Как я могу щелкнуть тег привязки определенным текстом? Например, у меня есть следующие якоря в моей странице

<a>one</a> 
<a>two</a> 
<a>three</a> 

Теперь пользователь вводит один. как я могу щелкнуть тег, текст которого один? Я попытался это:

var uservar='one'; 
$('a [text=$uservar]').click(); 

Но он не работает. Кто-нибудь может помочь?

Answer 1

Да, это можно сделать.

Для выбора метки привязки вы можете использовать jQuery contains селектор. Пример ниже:

var uservar = 'one'; 

$("a:contains('" + uservar + "')").trigger('click'); 

Answer 2

Вы можете использовать идентификатор для тега привязки, как

<a id="one">one</a> 
    <a id="two">two</a> 
    <a id="three">three</a> 

    var uservar='one'; 
    $('#'+uservar).click(); 

Answer 3

Существует а содержит селектор, который проверяет, является ли элемент containts определенного текста. Это, кажется, что вы хотите

Например: $ ("а: содержит ($ uservar)")

Смотрите документацию для более использований него: https://api.jquery.com/contains-selector/

Answer 4

Попробуйте это:

$("a:contains('One')").trigger('click'); 

Answer 5

Вы можете использовать filter(),

var uservar='one'; 
$('a').filter(function(){ 
    return this.text === uservar 
}).click(); 

:contains также может быть использован, но не использует точного соответствия метода.

Fiddle

Answer 6

Использование :contains():

$("a:contains('one')").click(function() { alert("One clicked"); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<a>one</a> 
 
<a>two</a> 
 
<a>three</a>

Answer 7

Попробуйте это.

HTML

<a data-id ="One">One</a> 
<a data-id ="Two">Two</a> 
<a data-id ="Three">Three</a> 

Script

<script> 
    $("[data-id = 'One']").click(function (e) {    
     alert('Click event fired'); 
    }); 
</script>