我想删除/隐藏特定范围内父元素。在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();
请帮忙。谢谢!
答案 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
。