Javascript 尝试使用.hide（）隐藏内容时出现问题

我正在尝试为一个客户端构建一个模板生成器，并希望得到一些关于如何在模板块进入生成器后隐藏模板块的建议。其基本思想是，您有一个简单的页面，其中包含一个HTML模板块列表，用户可以选择这些模板块来构建他们的模板——这里假设内容是包含单独模板块的容器

我使用以下方法从外部HTML文件引入内容：

$('.add-section').click(function() {
    var content = '';
    $.ajax({ type: "GET",   
        url: "sections/new-section.html",   
        async: false,
        success : function(text)
        {
            content = text;
        } 
    });
$( '#content' ).append( content );
return false;
});

这很好，但是我想在HTML块中包含一个隐藏按钮，这样一旦进入构建器，用户就可以选择在重复或不必要时隐藏它

我试图使用。隐藏在下面，但没有效果

$(".hide").click(function() {
    $(this).parent().parent('table').hide();
return false;
});

---

任何帮助都会得到极大的回报

因为项目是动态加载的

$("#content").on('click', '.hide', function () {
    $(this).closest('table').hide();
    return false;
});

---

因为项目是动态加载的

$("#content").on('click', '.hide', function () {
    $(this).closest('table').hide();
    return false;
});

试试这个

$(document).on('click', '.hide', function(e) {
    $(this).parent().hide();
e.preventDefault();
});

试试这个

$(document).on('click', '.hide', function(e) {
    $(this).parent().hide();
e.preventDefault();
});

---

你能发布你的html吗？我已经设置了一个提琴来展示它的外观：可能$this.parent.parent'table并没有指向正确的元素。试着用$this.closest'table来代替。你能发布你的html吗？我已经设置了一个提琴来展示它的外观：可能$this.parent.parent'table没有指向正确的元素。试着用$this。最近的“table”来代替。嘿-我试过这个，它几乎可以按照我的意愿工作。我确实希望能够包括几个相同的部分，并能够隐藏他们一个接一个。你的解决方案将它们全部隐藏，然后不允许我将部分放回-如果你遵循？更新的fiddle-我想一个接一个地删除你的解决方案将它们全部删除：嘿-我尝试过这个，它几乎可以按照我的意愿工作。我确实希望能够包括几个相同的部分，并能够隐藏他们一个接一个。您的解决方案将它们全部隐藏，然后不允许我将部分放回-如果您遵循？更新的fiddle-我希望逐个删除您的解决方案将它们全部删除：