2010-12-20 6 views
3
1. <div id="div_Msg"> Test the div </div> 
2. <div id="div_Msg"> </div> 

最初の例では、divにテキストがあります。 2番目の例ではテキストはありません。 javascriptの使用divにテキストが含まれている場合、どのようにテストすることができますか?divにテキストがある場合のjavascriptテスト

+3

idsは同じであってはなりません – hunter

答えて

7

を持つことはできません。

if($.trim($('#div_Msg').text()) != "") { 
    // Code here 
} 

単純なJavaScriptでは、

if(document.getElementById("div_Msg").innerHTML.replace(/^\s*/, "").replace(/\s*$/, "") != "") { 
    // Code here 
} 

どちらの場合も、テキストを取得し、文字列の先頭と末尾の空白を切り取り、空の文字列と比較します。

+0

トリムは本当に必要ですか?これは私のために働く:if($( '#div_Msg')。text()){} –

+0

この例では、テキストなしのdivにはスペースが入っています。トリムはスペースを削除します。空白がないと確信できたら、トリムは必要ありません。 – dontangg

0

のjQueryを使用している場合は、行うことができます:

$.trim($('#div_Msg').text()); 

注:要素をあなたはjQueryのを使用している場合、あなたはこのようにそれを行うことができます同じid

+0

これは動作しません。 divにはスペースがあり、したがってnextnodeがあります。少なくとも一部のブラウザでは。 –

+0

にトリムが追加されました – zsalzbank

+0

@マークは空の文字列をチェックする前に、その値を '$ .trim()'する必要があります: 'if($。 '#div_Msg')。 != ''){..} – Orbling

関連する問題