jquery - jquery如何访问表格的单元格

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);

                    }