我有一个包含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选择器不起作用?如何使它起作用?

最佳答案

您正在使事情过于复杂,请尝试以下操作:

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


http://jsfiddle.net/aasqW/

09-10 01:21