如何在新元素的jquery中获得第n个子元素

Question

我使用jquery创建了表行:

var tableRow = $("<tr>").append($("<td>").text("one"))
                        .append($("<td>").text("two"))
                        .append($("<td>").text("three"));

现在我将它添加到文档中的表中:

$("#table_id").append(tableRow);

我想要做的下一件事是在上面创建的tableRow的一些单元格上设置click事件.我想为此目的使用第n个子选择器.但是从文档中可以看出,它可以与一些选择器一起使用,例如:

$("ul li:nth-child(2)")

但现在我需要使用 :nth-child()变量tableRow.这怎么可能？

Answer 1

我想为此目的使用第n个子选择器.

在这种情况下,您可以使用 .find()

cell = tableRow.find(':nth-child(2)');
cell.on('click', function() {
    ...
});