javascript - jQuery filter() 和 find() 在 AJAX 响应上返回错误

Question

我的 AJAX 返回一个全部包含在 <div class = 'Post'>....</div> 中的 HTML或者只是 No new data yet 。

var request = $.ajax({
  url: "/mysite/load_latest/",
  type: "POST",
  data: { user_id : userID },
  dataType: "html"
});
request.done(function( msg ){   
    console.log(msg);
    var class1 = $(msg).filter(".Post");
    console.log(class1);            
});

我想检查是否 .Post存在于返回的 HTML 中，但返回此错误:Uncaught Error: Syntax error, unrecognized expression: <div class = 'Post'>...content...</div>

我试过$(msg).find(".Post");但它返回相同的错误。

Answer 1

尝试创建一个新元素，将您的响应附加到它，然后搜索所需的元素:

request.done(function( msg ) {
    var element =
        // make a new element on the fly
        $('<div></div>')

        // put the `msg` response inside it
        .html(msg)

        // now search for `.Post` element
        .find('.Post')
    ;

    // the length will be `0` or more
    alert(element.length);
});