删除元素最接近的jquery

时间:2015-07-15 07:14:36

标签: javascript jquery css

我想删除/隐藏特定范围内父元素。在jquery中这可能吗?

<body class="page page-id-5269 page-parent page-template-default logged-in kleo-navbar-fixed navbar-resize js" itemtype="http://schema.org/WebPage" itemscope="">
     <p>Your account is not setup as a vendor.</p>
     <form action="" method="POST">
     //....
     </form>
     <br class="clear" style="display: none;">

//other element here that should be display ...

</body>

在上面的代码我想删除body标签内的元素,但直到只在<br class="clear">。我要删除的元素是动态生成的,可以是div,p,span等... 目前我有这样的代码但它只会删除特定的元素(不是动态的):

$('body.page div').first().hide();

请帮忙。谢谢!

2 个答案:

答案 0 :(得分:2)

那就是你要隐藏br.clear元素的所有先前兄弟姐妹,这是body.page的孩子所以

$('body.page > br.clear:first').prevAll().hide();

答案 1 :(得分:1)

这可能是解决方案:

$('body.page').find('*').each(function(){ //iterating all children 
    $(this).hide();// removing elment
    if($(this).is( "br.clear" ))//checking element is br having class clear
        return false;// breaking loop
});

See DEMO:我没有使用正文,而是使用div.container