第4行后没有选择值

时间:2016-03-11 23:19:19

标签: javascript jquery

我试图在单行上获取表的列值,然后将它们填充到输入字段中。

$(function(){
    $('#prd_table').find('tbody > tr').click(function(){
        var selectID = $('#'+($(this).index()+1));  

        $('#sifra').val(selectID.children().eq(1).text());
        $('#title').val(selectID.children().eq(2).text());
        $('#em').val(selectID.children().eq(3).text());
        $('#price').val(selectID.children().eq(4).text());
    });
});

在此处查看: https://jsfiddle.net/4p77thq3/

此脚本仅适用于前4行。我是JavaScript编程的新手。任何帮助都会很棒。

1 个答案:

答案 0 :(得分:4)

这是因为您没有为第5行和以后的行分配ID。

<tr id="5">...</tr>
<tr id="6">...</tr>
...

更简单的解决方案是使用$(this)来获取正确的行。

var selectID = $(this);