jquery - 条件としてのjquery .text

Question

私はこのコードを持っています: (jquery)

    alert($('#feedback').text());
    if ($('#feedback').text() == "") {
        alert("has content");
    } else {
        alert("no content");
    }

プランテキストコンテンツの #feedback div をテストするために使用しています。しかし、条件をどのようにフォーマットしても、コンテンツがあるかどうかに関係なく、else ステートメントは常に実行されます。

ここでどこが間違っていますか？

html:

<div id="feedback" class="hide feedback">
    <p>generated message</p>
</div>

score 3 · Accepted Answer

HTML の例に基づいて、div が空であると想定されている場合、次のようなものがあると想定します。

<div id="feedback" class="hide feedback">
    <p></p>
</div>

その場合、.text()div のは not""であり、"\n\n"(2 つの改行) です。で改行を削除する必要があります$.trim()。<p>(改行がある場合はタグがなくても同様です。)

if( $.trim( $( '#feedback' ).text() ) == "" ) {
    alert( "no content" );
} else {
    alert( "has content" );
}

score 1 · Accepted Answer

チェックするだけ！

：$('#feedback').length値を確認してください

if ($('#feedback').length>0  && $.trim($('#feedback').text()) != "") {
    alert("has content");
} else {
    alert("no content"); // or no element
}

score 0 · Accepted Answer

そうではありませんか：

if ($('#feedback').text() != "") {
    alert("has content");
} else {
    alert("no content");
}

score 0 · Accepted Answer

別のオプション：

if ($('#feedback p:empty').length) {
    alert("empty");
} else {
    alert("has content");
}

score -1 · Accepted Answer

以下を使用できます。

if($('#feedback').is(':empty')) {
   alert("no content");
} else {
   alert("has content");
}

score -1 · Accepted Answer

元に戻されています...

alert($('#feedback').text());
if ($('#feedback').text() == "") {
    alert("no content");
} else {
    alert("has content");
}

その修正されました:)

jquery - 条件としてのjquery .text

6 に答える 6

Related

Reference