定位功能中动态创建的HTML元素（用于追加事件-不能单击！）jQuery

Question

我想将动态创建的HTML表元素定位到另一个动态创建的表行中，以在子表的最后一个子表行之前追加一个表行。 我不想将click事件附加到此动态创建的元素上，这似乎是我在所有地方都能找到的答案。 我想要在特定表行（ this.closest("tr")定位特定子表（ .subTable ），这是我要定位子表元素的行中的.buttonHere单元格）以追加另一个表最后一行之前的行（类.subTableLastRow ）。

所以，如果我有：

$("#mainTable").on("click",".buttonHere", function () {
    $(this.closest("tr") > ".subTable" > ".subTableLastRow").before("<tr><td>another row</td><td>with two cells</td></tr>");

这是凌乱的代码，显然不起作用，我只是想解释一下我要做什么。 我希望这是有道理的。 对于如何将动态创建的子元素定位到另一个动态创建的父元素中的方法，一个简单的答案将有很多帮助，显然我很迷失。

Answer 1

我认为您的jQuery选择器格式不正确。

$(".subTable .subTableLastRow", $(this).closest('tr')).before("<tr><td>another row</td><td>with two cells</td></tr>");

此外当试图访问jQuery方法this ，你必须将它包装在一个jQuery选择，即$(this) 。 这将使其成为jQuery对象，然后您可以利用jQuery方法。