查詢從AJAX返回的HTML

我試圖

$.post("gethtml.php", { url: $url.val() }, function(data) { 
    var $html = $(data), 
      $links = $("link, script, style", $html), 
      $body = $("body", $html); 

    $links.each(function() { $(this).addClass("tmp"); }); 
    console.log($html); 
    console.log($body.html()); 
});

$html看起來像[meta, title, script, style#gstyle, script, textarea#csi, div#mngb, iframe, center, script, script]和$body.html()空

UPDATE

簡單的設置在http://jsfiddle.net/uvnrJ/1/

$(function() { 
    var html = "<!doctype html><html><head><title>title here ... </title></head><body>This is the body</body></html>", 
     $html = $(html); 
    console.log($html); // jQuery(title, <TextNode textContent="This is the body">) 
    console.log($html.find("body")); // jQuery() 
    console.log($html.find("title")); // jQuery() 
    console.log($html.filter("title")); // jQuery(title) 
});

顯示jQuery解析HTML字符串似乎有問題？

來源

2011-03-23 JM at Work

你想做什麼？ – 2011-03-23 05:46:47

您是否試過'$ body = $（data）.find（'body'）;'？ – 2011-03-23 05:48:54

@experimentX我想獲得另一個網頁的HTML源代碼。 – 2011-03-23 08:32:33

我認爲你應該直接在data變量中搜索你的元素，或者在$(data)上使用find()方法。喜歡的東西：

$.post("gethtml.php", { url: $url.val() }, function(data) { 
    var $html = $(data).find('html'), // First way 
     $links = $("link, script, style", data), // Second way 
     $body = $("body", data); // Could be better written as $(data).find('body') 

    $links.each(function() { $(this).addClass("tmp"); }); 
    console.log($html); 
    console.log($body.html()); 
});

來源

2011-03-23 05:53:14

這似乎不工作，你可以嘗試一個非常簡單的設置http://jsfiddle.net/uvnrJ/1/，你可以看到，jQuery似乎只是檢測標題標記+文本節點。我認爲這是問題的原因。有什麼建議麼？ – 2011-03-26 13:10:05

@jiewmeng是的，它似乎不可能使用jQuery。看看這個答案[jQuery的ajax解析響應文本]（http://stackoverflow.com/questions/1050333/jquery-ajax-parse-response-text），特別是這一個[什麼是解析遠程內容與jQuery？]（http://stackoverflow.com/questions/1034881/what-is-the-best-practice-for-parsing-remote-content-with-jquery） – 2011-03-26 18:28:23

我遇到了同樣的問題，而被迫訴諸直接解析HTML字符串：

var headStartIndex = htmlString.toLowerCase().indexOf("<head>") + "<head>".length; 
    var headEndIndex = htmlString.toLowerCase().indexOf("</head>"); 
    var newHead = htmlString.substring(headStartIndex, headEndIndex); 

    var bodyStartIndex = htmlString.toLowerCase().indexOf("<body>") + "<body>".length; 
    var bodyEndIndex = htmlString.toLowerCase().indexOf("</body>"); 
    var newBody = htmlString.substring(bodyStartIndex, bodyEndIndex); 

    console.log(newHead); 
    console.log(newBody);

來源

2012-11-27 19:56:13

嘗試......

.......... 
var elements = $('<div></div>'); 
elements.html(data); 
alert(elements.find('body').html()); 
...........

來源

2013-06-14 16:49:33

你可以試試這個，這個作品

$.ajax({ 
    'url': url, 
    'dataType': 'html', 
    'success': function(e){ 
     var $div = $("<div id='_some_id'>" + e + "</div>"); 
     $div = $div.filter("_some_id"); 
     $div.find("span"); // you can search for anything here. it would work now 
    } 
});

來源

2013-09-01 22:41:33

查詢從AJAX返回的HTML

回答

相關問題