删除空的<p>，但每个组只允许一个
删除空的<p>，但每个组只允许一个
提问于 2015-06-17 14:36:16
我想知道如何删除空元素，，但每个组只允许一个空元素(仅次于非空元素) 。
，类似于:
示例HTML :
<p>Hello world</p>
<p><br></p>
<p><br></p> <!--This will remove-->
<p><br></p> <!--This will remove-->
<p>Lorem ipsum dolor sit amet</p>
<p><br></p>
<p><br></p> <!--This will remove-->
<p>Eum ne nostro admodum</p>
<p><br></p>和jQuery用于检查空元素:
var p_empty = $('p').filter(function(i,v){return $.trim($(v).text()).length===0;});现在我得到了所有的空元素，但是知道如何删除下一个空元素吗？
工作流: http://jsfiddle.net/jmy0uzw1/
PS:我也在寻找良好的JS性能。
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-06-17 14:39:00
在您的情况下，由于您没有使用容器，所以您必须使用兄弟选择器+，并确保前面的p元素本身不是.empty的。
$('p.empty:not(p:not(.empty) + p.empty)').remove();
var p_empty = $('p').filter(function(i, v) {
return $.trim($(v).text()).length === 0;
});
p_empty.addClass('empty');
$('p.empty:not(p:not(.empty) + p.empty)').remove();p {
padding: 3px 10px;
background: #eee;
color: #999;
font-size: 12px;
line-height: 12px;
}
p.empty {
border: 1px dashed #fff;
background: #edd;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<p>Hello world</p>
<p>
<br>
</p>
<p>
<br>
</p>
<p>
<br>
</p>
<p>Lorem ipsum dolor sit amet</p>
<p>
<br>
</p>
<p>
<br>
</p>
<p>Eum ne nostro admodum</p>
<p>
<br>
</p>
Stack Overflow用户
发布于 2015-06-17 14:54:22
var p_empty = $('p').filter(function(i, v) {
return $.trim($(v).text()).length === 0;
});
p_empty.addClass('empty');
$('p.empty + p.empty').remove();p {
padding: 3px 10px;
background: #eee;
color: #999;
font-size: 12px;
line-height: 12px;
}
p.empty {
border: 1px dashed #fff;
background: #edd;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hello world</p>
<p>
<br>
</p>
<p>
<br>
</p>
<p>
<br>
</p>
<p>Lorem ipsum dolor sit amet</p>
<p>
<br>
</p>
<p>
<br>
</p>
<p>Eum ne nostro admodum</p>
<p>
<br>
</p>
试试这个：
$('p.empty + p.empty').remove();全码
var p_empty = $('p').filter(function(i, v) {
return $.trim($(v).text()).length === 0;
});
p_empty.addClass('empty');
$('p.empty + p.empty').remove();Stack Overflow用户
发布于 2015-06-17 14:42:42
只需将更多内容添加到过滤器中即可。
var p_empty = $('p').filter(function(i,v){
return $.trim($(v).text()).length===0 && $.trim($(v).prev().text()).length===0;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30894740
复制相关文章
相似问题
腾讯云开发者
