jquery - divが空の場合はjQuery

Question

div.post-thumbは空ですが、動的な空白があるワードプレステンプレートに取り組んでいます。

<div class="post-thumb">    </div>
<div class="post-text"></div>

次のスクリプトを使用して、div.post-thumbが空かどうかを検出しています。

$('.post-thumb').each(function(){
if ($(this).html()=='') $('.post-text').css('marginLeft','50px');
}); 

このスクリプトの問題は、「div.post-thumb内の動的な空白」です。

この問題を取り除く方法は？空白を除いてdivが空であるかどうかを検出する他の方法はありますか？

Answer 1

jQuerytrim関数を使用して空白を削除 できます。

$('.post-thumb').each(function(){
    if($.trim($(this).html()) == '') $('.post-text').css('marginLeft','50px');
}); 

trim文字列の先頭または末尾からすべてのスペース、改行、およびタブを削除します。詳細については、jQuery のドキュメントを参照してください。