javascript - jquery-要素が変数にあるかどうかを見つける

Question

AJAXリクエストからエラーが返されるかどうかを確認する方法を見つけようとしています。リクエストをテストするために常に返されます<p id="error">test</p>

私はあなたがこのようにそれをすることができると思いました：

//html is the var which contains the result
var DOM = $(html);
if( $('#error', DOM ).length != 0 ) {
    alert(html);    
}

しかし、これは機能しません。誰かが何がうまくいかないかに光を当てることができますか？

Answer 1

HTMLが何か（のようなdiv）でラップされていない場合は、ラップする必要があります。

var html = '<div></div><p id="error">ERROR!</p><span>other stuff</span>';

var DOM= $('<div>' + html + '</div>');
if( $('#error', DOM).length != 0 ) {
    alert(html);    
}

例： http： //jsfiddle.net/jonathon/exqTD/

（私はここで役立つと思いwrapましたが、そうではありません。誰かが理由を知っているなら、それを指摘してください）。

または、セレクターコンテキストはfindを使用して実装されるため、次のようにすることができます。

if( DOM.find('#error').length != 0 ) {
    alert(html);    
}

Answer 2

DOMに挿入されていないため、セレクターで検索することはできません。

変数のtest（）関数で単純な正規表現を使用してみることができます。

if (html.test(/id="error"/i)) {
   ...
}

Answer 3

これが役立つかどうかを確認します。

$('body').append('<div class="hidden_div">'+html+'</div>');
if($('#error',$('.hidden_div')).size()>0){
  alert(html);
}

cssを追加するだけです

.hidden_div{display:none;}

そしてそれはそれであるはずです、ああそしてあなたは使うことができます.lengthまたは.size()

または、次を使用することもできます。

if(html.indexOf('id="error"')>-1){alert('yes we have an error!');}

乾杯

G。

Answer 4

検索機能を使用できます。

if ( $(html).find("#error").length != 0 )
{
    alert(html);    
}