0

テーブルの行のセルにアクセスするにはどうすればよいですか (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++;
                }
                }

テーブルを動的に作成しており、セルの以前の値を使用して新しい値に追加したいと考えています。これを行う方法を教えてください。

4

2 に答える 2

0

最初に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);

                    }
于 2012-07-27T10:32:34.950 に答える
0

td の ID を作成して、単にそれを選択することもできます。

$('#_yourid_') 

また

document.getElementById('_yourid_')

または、行に ID がある場合は、

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

そして、次の方法で最初のセルを選択できます。

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

そして最後の

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

そして、おそらく jQuery をずっと使ってみてください。これは通常、コードをよりきれいに見せるのに役立ちます...

于 2012-07-27T10:26:40.390 に答える