Question

如何访问表格行（JQuery）的单元格

    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++;
                }
                }

我正在动态创建表，并希望使用单元格的先前值添加到新表中。你能指导一下怎么做吗？

Answer 1

你也可以为td创建一个ID，只需通过

选择它

$('#_yourid_')

或

document.getElementById('_yourid_')

或者如果行有id，那么

$('#row'+rowNumber).find('td')

您可以通过以下方式选择第一个单元格：

$('#row'+rowNumber).find('td:first')

最后一个

$('#row'+rowNumber).find('td:last')

也许尝试一直使用jQuery，这通常有助于使代码看起来更干净......

Answer 2

如何首先将html代码存储在字符串中，然后将其设置为表格。

    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 
var htmlCodes = "<tr id='row"+ rowNumber+"'><td>"+nameInput+"</td><td>"+ Quan +"</td></tr>"



                    //Iterate row number
                    rowNumber++;
                    }

                    $('#myTable').html(htmlCodes);

                    }

如何在jquery中访问表的单元格

2 个答案: