试图隐藏内容使用.hide（）

试图隐藏内容我试图为客户端建立一个模板生成器，希望得到一些关于如何隐藏模板块一旦被带入生成器的建议。基本思想是你有一个简单的页面，它包含一个用户可以选择构建模板的HTML模板块列表 - 假设#content是容纳独立模板块的容器。试图隐藏内容使用.hide（）

我用这把内容从外部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（），但没有效果。

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

任何帮助将大受欢迎！

来源

2013-09-28 abbas_arezoo

你可以发表你的HTML吗？ –

我已经设置了一个小提琴，以显示它可能看起来如何：http://jsfiddle.net/abbas_arezoo/r33L5/2/ –

可能'$（this）.parent（）。parent（'table'）'不指向正确的元素。尝试使用'$（this）.closest（'table'）'代替。 – Alex

由于项目动态加载

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

来源

2013-09-28 08:42:14

试试这个

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

http://jsfiddle.net/r33L5/3/

来源

2013-09-28 08:44:10

嘿 - 我已经试过了，它几乎符合我的要求。我希望能够包括几个相同的部分，并能够一个接一个地隐藏它们。你的解决方案隐藏了他们，然后不允许我把这些部分放回去 - 如果你遵循的话？ –

嗯，不知道，像这样？ http://jsfiddle.net/r33L5/4/ –

更新小提琴 - 我想逐个删除您的解决方案将它们全部删除：http://jsfiddle.net/abbas_arezoo/r33L5/2/ –

试图隐藏内容使用.hide（）

回答

相关问题