0

この 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、それを表示する必要があります。

4

3 に答える 3

1 
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>
于 2013-02-01T04:51:59.917 に答える
1

$vari変数をセレクターに連結する必要があります。

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

これがフィドルです：http://jsfiddle.net/rg8nU/

于 2013-02-01T04:28:04.643 に答える