2012-07-27 38 views
0

我如何訪問錶行的單元格(JQuery的)如何訪問表的單元格中的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++; 
       } 
       } 

我動態創建表,並想使用單元格的前一個值添加到新單元格中。你能指導如何做到這一點?

回答

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

        } 
0

你也能創建爲TD的ID,只是簡單地通過

$('#_yourid_') 

document.getElementById('_yourid_') 

或者,如果行有一個ID,然後

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

選擇它您可以通過以下方式選擇第一個單元格:

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

而最後通過

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

也許嘗試使用jQuery一路下跌,這通常有助於使代碼看起來更乾淨......