从页面中删除特定的空<p>
从页面中删除特定的空<p>
提问于 2013-03-19 06:13:15
好日子
我正在使用wordpress，我有一个恼人的空段落标记
在我的div元素下面。
现在页面上还有很多我不想删除的空段落，只有这一段。
下面是HTML：
<div class="wpcol-one-quarter">
<p><a rel="slb_group[803] slb slb_internal" href="http://asksomeone.co.za/wp-content/uploads/2013/03/boltmaster1.jpg"><img alt="boltmaster" src="http://asksomeone.co.za/wp-content/uploads/2013/03/boltmaster1-300x200.jpg" width="180" height="120" /></a></p>
</div>
<p> </p> <!--The culprit!!-->
<div class="wpcol-one-quarter">
<p><a rel="slb_group[803] slb slb_internal" href="http://asksomeone.co.za/wp-content/uploads/2013/03/trackmaster.jpg"><img alt="trackmaster" src="http://asksomeone.co.za/wp-content/uploads/2013/03/trackmaster-300x200.jpg" width="180" height="120" /></a></p>
</div>
<div class="wpcol-one-quarter">
<p><a rel="slb_group[803] slb slb_internal" href="http://asksomeone.co.za/wp-content/uploads/2013/03/multimaster.jpg"><img alt="multimaster" src="http://asksomeone.co.za/wp-content/uploads/2013/03/multimaster-300x200.jpg" width="180" height="120" /></a></p>
</div>
<div class="wpcol-one-quarter wpcol-last">
<p><a rel="slb_group[803] slb slb_internal" href="http://asksomeone.co.za/wp-content/uploads/2013/03/facemaster1.4.jpg"><img alt="facemaster1.4" src="http://asksomeone.co.za/wp-content/uploads/2013/03/facemaster1.4-300x200.jpg" width="180" height="120" /></a></p>
</div><div class="wpcol-divider"></div>现在，我计划以下列方式删除它：
<script type="text/javascript">
jQuery(function($){
var pathname = window.location.pathname;
if(pathname == '/803-2'){
$('div.wpcol-one-quarter').next(){
$('p').each(function() {
var $this = $(this);
if($this.html().replace(/\s| /g, '').length == 0)
$this.remove();
});
}
}
});
</script>为什么不起作用？
谢谢
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-03-19 06:32:11
试试这个：
jQuery(function($){
var pathname = window.location.pathname;
if(pathname == '/803-2'){
$("div.wpcol-one-quarter").next('p:empty').remove();
if($("div.wpcol-one-quarter").next('p').html()==" ") {
$("div.wpcol-one-quarter").next('p').remove();
}
}
});Stack Overflow用户
发布于 2013-03-19 06:18:41
试试这个：
<script>
$(document).ready(function(){
$(".wpcol-one-quarter").next("p:empty").remove();
});
</script>Stack Overflow用户
发布于 2013-03-19 06:15:42
尝尝这个
$('div.wpcol-one-quarter').next('p').filter(function () { return $.trim($(this).html()) == "" }).remove();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15492644
复制相关文章
相似问题
腾讯云开发者
