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

我在

列表中有一组值，我想搜索在文本框中输入的值，以便在

li

列表中突出显示。我如何才能做到这一点？

最简单的解决方案是：

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

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

---

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

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

你可以试试这个代码 Html

---

请将您的HTML和JS代码添加到问题中。我们可以获得您迄今为止编写的代码吗？$（“#查找”）。单击（function（）{var ss=$（''textval'）.val（）；if（$（'.M_list'）.val（）=$（ss.text（））{$（ss.css（'background-color'，'yellow'）；}）；这是一个这样做，即使这将工作，但这不适合我的应用程序许多任何方式感谢这将工作，但这不适合我的应用程序许多方式感谢这将工作，但这不适合我的应用程序许多方式感谢当我发现li列表中的值时，名称正在突出显示。如果我想搜索多个值，则表示突出显示的部分仍在outputscreen中。那么如何从中删除颜色在这种情况下，您应该在

LI

上添加/删除css类，而不是添加css属性。这会更容易。它必须找到值，即使我们用小写或大写给出值。因此，如何让他们以这种方式工作

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

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

})