使用 append() 添加元素并设置其 id答案

【问题标题】：Adding Element using append() and set its id使用 append() 添加元素并设置其 id
【发布时间】：2016-11-04 16:44:12
【问题描述】：

我正在使用 websockets 将信息从服务器传输到客户端：

socket.on('db', function(data) {
    for(i = 0; i < datas.length; i++) {
        $('#showtable').append(
            $('<tr></tr>').append(
                // many <td>s                   
            )
        );
    } 
});

为了进一步使用，我需要对表格行进行编号，以便我可以单独选择它们。知道我该怎么做吗？

【问题讨论】：

$('<tr id="' + i + '"></tr>')
@RoryMcCrossan，只是出于好奇，您为什么将答案发布为 cmets？
@Maximus 我通常会这样做，如果我觉得我没有时间发布完整的答案并且只想给出一个（希望）有用的提示。在这种情况下，OP 的下一个问题可能是“当行中的元素发生某些事情时，我如何知道选择哪一行”，在这种情况下，需要解释如何使用 DOM 遍历技术。
@RoryMcCrossan，我明白了，感谢您的澄清）

标签： javascript jquery sockets dom

【解决方案1】：

将id设置为i变量：

$('<tr></tr>', { id : i }).append(
    // many <td>s                   
)

虽然我不确定这是否必要，因为您可以使用 :eq() 选择器轻松选择给定索引处的一行，而无需唯一的 ID。

【讨论】：

你不需要在选择器中打开和关闭 tr 标签，只需 $('',{}) 就足够了。