使用jquery将行值设为anothers文本

时间:2012-08-13 23:26:02

标签: javascript jquery events html-table jquery-selectors

我有一个包含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选择器无法正常工作?如何使其工作?

1 个答案:

答案 0 :(得分:3)

你过于复杂,尝试类似:

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

http://jsfiddle.net/aasqW/