なぜこのAJAXレスポンスの一部を使用できないのですか？

Question

私はjQueryのAJAX呼び出しを持っている：

$.ajax ({ 
    url : 'foo/bar/', 
    success: function(data) { 
     console.log(data); 

     var newHeaderText = $(data).find('#header-text').text(); 
     $("#header-text").text(newHeaderText); 

     var newContent = $(data).find('#content').html(); 
     console.log(newContent); 
     $("#content").html(newContent); 
    } 
}); 

ザ・が正常dataを記録し、対象ページの完全なHTMLを示しています。

header-textセクションは期待どおりに機能します。

console.log(newContent)ただし、undefinedを返します。 foo/bar/のhtml全体を投稿していないと、contentというIDのdivがdataにあり、それに多くの子要素があることは間違いありません。

なぜ私の試みは1ページの内容をつかんで、別のページの内容に動かないのですか？ header-textがうまくいくように見えるので、私にとっては特に混乱します。

Answer 1

代わり$.parseHTMLを試みることができる：

var newContent = $($.parseHTML(data)).find('#content'); 

#contentはトップレベルの要素である場合には、上記のコードはまだそれを逃すかもしれません。次に、コンテナにHTMLを読み込んでそこで要素を見つけて解決することができます。

var newContent = $('<div>').append($.parseHTML(data)).find('#content');