如何查找在 javascript 中的 <li> 列表的文本框中输入的值

Question

我在 <ul> 列表中有一组值，我想搜索在文本框中输入的值以在 li 列表中突出显示。我该怎么做？

Answer 1

$('li').each(function() {
  if($('input').val() == $(this).text()) {
     $(this).css('background-color','#ccc');
  }
});

Answer 2

最简单的解决方案是：

var inputVal = $('input').val();
$('li:contains("'+inputVal+'")').css('background-color','#FF0000'); // or change any other CSS property to highlight

Answer 3

尝试一下，在文本框上使用 keyup 事件：

$("input:text").on("keyup", function(){
  var val=$(this).val();
  $("li:contains('"+val+"'))").css('background-color','#ccc');
});

Answer 4

你可以试试这个代码 Html

<ul id="ull">
    <li>hi</li>
    <li>hello</li>
    <li>how</li>
</ul>
<input type="text" id="tt">

Jquery

$("#tt").change(function(){
  var val1=$(this).val();
   $("#ull li").each(function(){
       if( $(this).text()==val1){
           $(this).css("background-color", "yellow");
       }
   })

})

如何查找在 javascript 中的 <li> 列表的文本框中输入的值

How to find a value entered in a textbox in a <li> list in javascript

javascript

jquery

find