Javascript 如何更改我的附加内容？

如果用户没有访问权限，我试图从表中隐藏编辑按钮。然而，我遇到的问题是，我似乎无法编辑我从Firebase附加的数据。下面的代码将删除页面上具有该类的所有其他按钮，但不会删除使用以下函数附加的按钮

    $(".editBtn").css("display", "none");

    var currentGroupUsersRef = new Firebase(FB + "/groupUsers/" + currentGroup);

    currentGroupUsersRef.on('child_added', function(snapshot){
        $('#groupPage table').append('<tr><td>one</td><td><button class="editBtn">Edit</button></td></tr>');
    });

$（.editBtn”）.css（“显示”、“无”）；
var currentGroupUsersRef=新Firebase（FB+“/groupUsers/”+currentGroup）；
currentGroupUsersRef.on（'child_added'，函数（快照）{
$（“#groupPage表”）.append（'oneEdit'）；
});

我曾尝试在JSFIDLE中复制这个问题，但由于某种原因，如果不从firebase实际加载它，就无法复制它。

试试这个

$(".editBtn").css("display", "none");
$(document).on('child_added', function(snapshot){
      $('#groupPage table').append('<tr><td>one</td><td><button class="editBtn">Edit</button></td></tr>');
    });

$（.editBtn”）.css（“显示”、“无”）；
$（文档）.on（'child_added'，函数（快照）{
$（“#groupPage表”）.append（'oneEdit'）；
});

如果查看代码片段，它的执行方式如下：

隐藏所有编辑按钮

当新数据从Firebase到达时，为其生成一个编辑按钮

编辑按钮不隐藏的原因是，在隐藏按钮的代码完成后，您动态创建了按钮

您必须：

使用动态选择器，它是jQuery的构造，与动态创建的元素相匹配

在创建按钮时隐藏每个按钮

我会选择#2：

$（“#groupPage表”）.append（'oneEdit'）；

我需要引用Firebase中的数据以获取数据，因此此解决方案将无法工作。我在我的问题中添加了参考，以使问题更加清楚。是的，我同意#2将是最好的解决方案。然而，我在我的网站的其他部分遇到了类似的问题，我无法删除李彦宏以同样的方式创建的内容，因此我将不得不调查#1。我现在用谷歌快速搜索了一下，只找到了stackoverflow的答案，希望我能从中找到答案。谢谢你的帮助！

$('#groupPage table').append('<tr><td>one</td><td><button style="display: none" class="editBtn">Edit</button></td></tr>');