Javascript 在动态添加行时，是否有方法处理特定列？

我点击按钮生成一个动态表，如下所示-

 $('.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);

---

现在我必须设置

src

。我希望这能清楚地说明我的问题。

如果没有特别的colspan，选择特定列的单元格最简单的方法是使用：

将为您提供第一列

并对元素进行迭代

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

希望这对您有所帮助。

您可以使用

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

如果您知道该列的索引，或者您可以为该特定td指定一个唯一的类

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

或者，您可以这样添加行：

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

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

---

我不能完全理解你的问题，因为他们的信息不够。可能尝试给该列一个唯一的类或I'd，然后在方法完成后生成另一个对单独函数的调用，以操作该现有列？

$（“#饮用”）.find（“td:first”）

只返回一个

TD

，即整个表中的第一个

TD

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

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.find('img').attr('src' , yourSource);