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">

请告知我必须做些什么才能使这个脚本正常运行。它应该使用class用户抓取div，如果文本框中标识为textbox的文字的值也在user中，则应该使其可见。< / p>

Answer 1

为了使它不区分大小写，这里是variation到@Joseph小提琴

$('#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>

jQuery脚本无法运行

3 个答案: