2017-06-22 86 views
-1

這是相當簡單的,我想,但我還沒有能夠拼湊完成這個工作的腳本。我基本上只想隱藏(即'display:none')任何只有空白作爲其內容的blockquote。JQuery:如何隱藏所有隻有空白的blockquote元素作爲內容

我希望只使用:空白,但它將空白視爲「內容」。我看過一些類似的腳本,但我似乎無法將它們放在一起工作。

編輯:這是我當前的嘗試......

$(document).ready(function() { 
 
     $('blockquote').each(function() { 
 
      if($(this).text().trim() === "") { 
 
       $(this).hide(); 
 
      } 
 
     }); 
 
    });

<article class="text"> 
 
     <p><span><a href="BLOG_URL">BLOG_NAME</a></span>:</p> 
 
     <blockquote> 
 
      <blockquote><!--This is what I'm trying to hide.--> 
 
      </blockquote><!--Darned arbitrary line breaks--> 
 
      <p>TEXT HERE/p> 
 
     </blockquote> 
 
     <p>More text here...</p> 
 
    </article>

+1

嘗試發佈你已經提出,至少。 – Dave

+0

你的工作在哪裏? – want2learn

+1

嘗試使用像這樣的'if($。trim($('blockquote')。text())===「」){}'。發佈您的嘗試代碼,我們可以幫助你。 – WizardCoder

回答

0

沒有看到自己的標記,這是很難告訴你什麼是錯的。這是我的簡單fiddle,它正在工作。

$(document).ready(function() { 
$('blockquote').each(function() { 
    if($(this).text().trim() === "") { 
     $(this).hide(); 
    } 
}); 

});

+0

我聽到你的聲音。發佈了一些標記示例,但我甚至不確定應該有什麼問題......也許tumblr以某種方式禁用了jQuery。 –

相關問題