動態添加行時有什麼辦法處理特定的列？

我在下面點擊按鈕生成一個動態表 -動態添加行時有什麼辦法處理特定的列？

$('.addRowButton').click(function() { 

      ++counter; 
      var index=counter-1; 
      var newRowHtml = 
       '<tr>' + 
       '<td>' + counter + 
       '</td>' + 
       '<td><input name="b2bProductList[' + index+ '].productId" class="variant b2bTableInput" /></td>' + 
       '<td align="center"><span id="pvDetails" class="pvDetails"></span></td>' + 
       '<td><div class="img48" style="vertical-align: top;"><img src=""></td>'+ 
       '<td><input name="b2bProductList[' + index + '].quantity" class="qty b2bTableInput"/></td>' + 
       '<td align="center"><span id="mrp" class="mrp"/></td>' + 
       '<td align="center"><input id="totalPrice" readonly="readonly" class="totalPrice b2bTableInput" type="text"></td>' + 
       '</tr>'; 
      $('#poTable').append(newRowHtml);

但我想處理一個特定的列我的自我 - 種覆蓋它。我必須顯示一個圖像，並且必須使用這個列中的一些屬性，我不能把它放在上面的代碼中。我應該如何覆蓋它。如果我要在主的表格中聲明tr或td，它們會靜態佔用額外的行。動態添加行時是否有特定的方法來處理特定的列？

編輯 - 我必須設置圖像的來源，通過我的Id文本框的聚焦輸出上的異步調用來獲取圖像的源字符串。現在無法在行生成時設置源，因此我必須在提取src後給予每個列的處理時間。列中提到我的代碼

'<td><div class="img48" style="vertical-align: top;"><img src=""></td>'+

現在我必須設置src。我希望這清楚地告訴我的問題。

來源

2013-02-11 Nihal Sharma

我不明白你的問題，因爲他們沒有足夠的信息。可能試圖給這個列一個獨特的類或我會，然後在方法完成後生成另一個調用一個單獨的函數來操縱現有的列？ – 2013-02-11 13:19:02

最簡單的選擇一個特定的列的單元格，如果你沒有花哨的列跨度，是用:nth-child()：

$('#mytable td:nth-child('+columnIndex+')')

來源

2013-02-11 13:15:55

var tds= $('#poTable').find("td:first");

會給你的第一列。

，並在元素上進行迭代

tds.each(function(index){ 
//do your stuff here.. 
});

希望這有助於..

來源

2013-02-11 13:21:40

'$（'＃poTable'）。find（「td：first」）;'只會返回一個'TD'，整個表格中的第一個'TD' – charlietfl 2013-02-11 13:27:33

你可以使用

$('#myTable tr td::nth-child('+columnIndex+')')

如果您知道列的索引，或者你可以給特定td獨特類

newRowHtml ='<tr>' + '<td class="someClass"></td> ... etc

，並選擇類：

$('.someClass').each(function(){ 
    // Some other code 
});

另外，您可以添加像這樣的行：

var $row = $('<tr></tr>'); 
var $id = $('<td></td>').html(id); 
var $someOtherfield = $('<td></td>').html(someOtherData); 

$('#myTable').append($row.append($id).append($someOtherfield));

然後使用變量$ someOtherfield進行訪問並在其上工作。

$someOtherfield.find('img').attr('src' , yourSource);

來源

2013-02-11 13:25:37 chead23

動態添加行時有什麼辦法處理特定的列？

回答

相關問題