jquery - 在 jQuery 中引用新创建的对象最简洁的方法是什么？

Question

我有一个在点击 TD 内的链接时调用的函数。单击后，我将 DOM 遍历回链接所在的 TR，然后在其后创建一个新的 TR。

到目前为止一切顺利。

现在我已经创建了新的 TR，其中包含 TD，现在最好引用新创建的 TD。或者，我是否需要遍历回我从原始单击对象创建的新 TD？

$("td.expandable a").click(function(){
    // figure out the number of columns we need to span
    var colspan;
    colspan = $(this).parents("tr").children("td").size();

    // insert the new TR
    $(this).parents("tr").after("<tr><td colspan=' & colspan & '></td></tr>");

    // **what syntax would I use here to refer to the above made TD?**

    return false;
});

Answer 1

$("td.expandable a").click(function(){
        // figure out the number of columns we need to span
        var colspan = $(this).parents("tr").children("td").size(),
            tr = $("<tr><td colspan=' & colspan & '></td></tr>");

        // insert the new TR
        $(this).parents("tr").after(tr);

        // **what syntax would I use here to refer to the above made TD?**
        tr.find('td')

        return false;
});

如果您要更新一个 tr，您也可以将parents 替换为closest。另一种更手动的方法是... $(this).parents('tr').next().find('td')