0

我正在动态插入行。如何将 id 分配给每个 td，以便我可以访问它并在一段时间后更新它。我坚持 

                       $(document).ready(function(){
            var rowNumber = 0;
            var myData=new Array(6);
            myData[0]="txt1";
            myData[1]="txt2";
            myData[2]="txt3";
            myData[3]="txt4";
            myData[4]="txt5";
            myData[5]="txt6";
            $('#display').click(function(){
                //Get the user input
                for(i=0; i<6; i++)
                {
                if(document.getElementById(myData[i]).value !=0)
                {
                var nameInput = document.getElementById(myData[i]).name;

                var Quan = document.getElementById(myData[i]).value;
                //Create a new row with an ID
                var newRow = $('<tr />').attr('id', 'row' + rowNumber);
                //Add some HTML to the row



                newRow.html('<td>' + nameInput + '</td><td>' + Quan + '</td>');

                //Append the new row to the body of the #myTable table
                $('#myTable tbody').append(newRow);

                //Iterate row number
                rowNumber++;

                }
                }
            });
        });

我正在动态插入行。如何将 id 分配给每个 td，以便我可以访问它并在一段时间后更新它。我坚持下去。

4

2 回答 2

0

你不需要它

var td = $('#myTable tr:eq(2) td:eq(1)'); // 3 row 2 col

看演示

但如果你想

写一些类似的东西：

for(i = 0; i < 6; i++) {
  ...
  newRow.append('<td id="' + ('td_' + rowNumber + '_1') + '">' + nameInput + '</td>');
  newRow.append('<td id="' + ('td_' + rowNumber + '_2') + '">' + nameInput + '</td>');
  ...
}

然后访问：

$('#2_1').css('background', '#ccc'); // make grey background in 2 row 1 col
于 2012-07-28T08:23:41.323 回答
0

你真的不需要。您可以使用 jQuery 的nth()选择器。

例如：

$('td:nth(2)').html()

在这里演示：http: //jsfiddle.net/Uz4Ze/

或者，我建议为每个人分配<td>一个类，而不是一个id. 这将为您带来额外的好处，即能够以不同的方式设置每列的样式。

于 2012-07-28T08:29:23.877 回答