jquery - jQuery 脚本不起作用

Question

当我尝试运行这个 jQuery 脚本时：

$('#textbox').keyup(function() {
$vari = $(this).val();
$(".user:contains($vari)").css("display", "block");
};

它不起作用，只是看起来脚本实际上并没有做任何事情！

这是随附的 HTML：

<div class="user">hello</div>
<input type="text" id="textbox">

请建议我必须做什么才能使此脚本正常运行。它应该与用户一起获取 div class，并且如果文本框中具有 id 的文本具有textbox也在 中的值，则user它应该使其可见。

Answer 1

为了使其不区分大小写，这是@Joseph fiddle的变体

$('#textbox').keyup(function() {
var $vari = $(this).val();
var reg = new RegExp($vari, "gi");
var $div = $(".user").html();
if($div.match(reg))
    $(".user").css("display", "block");
});

Answer 2

您必须将$vari变量连接到选择器中：

$('#textbox').keyup(function() {
    var $vari = $(this).val();
    $(".user:contains(" + $vari + ")").css("display", "block");
});

这是小提琴：http: //jsfiddle.net/rg8nU/

Answer 3

do this 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {

      $('#textbox').keyup(function() {
    var $vari = $(this).val();
    $(".user:contains(" + $vari + ")").css("display", "block");
});
    });
</script>

 <div>
        <input type="text" id="textbox" />

   </div>
   <div  class="user" style="display:none">a</div>