jquery - переменная внутри a содержит селектор

Question

Я все еще лежу jquery. У меня возникла проблема при передаче значения текстового поля внутри селектора.

У меня есть этот код

jQuery('input#id_search').live('input', function() { 
varSearch = jQuery(this).val(); 
jQuery("a:contains('String')").css("text-decoration", "underline"); 
}); 

код выше работает отлично, если я жестко значение в a:contains, который является String. Но когда я меняю String на переменную, она не работает вообще.

вот мой код.

jQuery("a:contains(**varSearch**)").css("text-decoration", "underline"); 

Answer 1

Я хотел бы сделать:

jQuery(function($) { 
    $(document).on('input', '#id_search', function() { 
     var search = this.value; 
     $('a').filter(function() { 
      return $(this).text().indexOf(search) != -1; 
     }).css("text-decoration", "underline"); 
    }); 
}); 

Обратите внимание, что старые браузеры не имеют поддержку для input, и что live() устарел, и вы должны заменить document выше на ближайший нединамический родитель.

Answer 2

Если это переменная, она должна быть за пределами ваших предложений:

jQuery("a:contains(" + varSearch + ")").css("text-decoration", "underline");