jquery - 特定の空を削除するページから

Question

良い一日

私はワードプレスを使用していますが、この迷惑な空の段落タグがあります

私のdiv要素の1つの下。

これで、ページ上に削除したくない空の段落が他にもたくさんあります。これだけです。

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>&nbsp;</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|&nbsp;/g, '').length == 0)
                                    $this.remove();
                            });
                        }
                    }
                });
            </script>

なぜ機能しないのですか？

ありがとうございました

Answer 1

これを試して ：

<script>
$(document).ready(function(){
  $(".wpcol-one-quarter").next("p:empty").remove();
});
</script>

Answer 2

これを試して：

   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();
                  }

        }
    });

Answer 3

これ以上短くすることはできず、js スクリプト コードのサイズを大きくすることになり、長い目で見れば読み込みが速くなります。

$('p:contains("\xa0")').remove(); //to find all issues

また

$('.wpcol-one-quarter').next('p:contains("\xa0")').remove(); //to remove specific issue

Answer 4

これを試して

$('div.wpcol-one-quarter').next('p').filter(function () { return $.trim($(this).html()) == "" }).remove();