0

2行のテーブルがあり、最初のテーブルには数量の入力があり、次のテーブルには同じ値を出力する必要があります。私はjQueryを使用しているので、これは私のコードです。

var i, quant;

for (i = 0; i < $(".qnt").length; i++){
    $(".qnt:eq(" + i + ")").keyup(function(){
        quant = $(this).val();  
        console.log($(this));
        console.log(i);
        console.log($(".cst:eq(" + i + ")"));
        $(".cst:eq(" + i + ")").text(quant);
    });
}

そして、行のサンプルは次のとおりです。

<tr>
     <td><input class="qnt"/></td><td class="cst"></td>
</tr>

jsfiddleは次のとおりです:http://jsfiddle.net/qrhJ4/

質問:.cstセレクターが機能しないのはなぜですか?また、どのように機能させるのですか?

4

1 に答える 1

3

あなたは物事を複雑にしすぎています、次のようなことを試してください:

$('.qnt').keyup(function() {
    $(this).parent().next('.cst').text(this.value);
});

http://jsfiddle.net/aasqW/

于 2012-08-13T23:30:27.793 に答える