javascript - 使用 jquery 将行值设为另一个文本

Question

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

Answer 1

你把事情过于复杂化了，尝试这样的事情:

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

http://jsfiddle.net/aasqW/