從另一個網頁獲取元素的內部html？

Question

如何使用JavaScript從另一個網頁獲取元素innerHTML？

例子：

<script> 
    $.get(url, function(response) { 
    var $response = $(response); // Code not working from this line 
    alert($response.find('.result').html()); // get innhtml of element by class name from response 
    }); 
</script> 

Answer 1

JQuery的​​將恰恰如此：

$('#result').load('ajax/test.html #container'); 

此處瞭解詳情：http://api.jquery.com/load/

Answer 2

依賴，如果你的回答包含HTML比這將工作

<script> 
     $.get(url, function(response) { 
     $('yourelement_selector',response).html(); 
     } 
    </script> 

Answer 3

您可以使用下面的post方法的示例從其他站點獲取數據並將該數據放入您的站點div/span等數據容器中。

$.post("http://www.otherweburl.com",function (data) { 
     document.getElementById("htmlContainerDivOrSpanETC").innerHTML=data; 
}); 

Answer 4

問題1：<scrip>需求是<script>

問題2：您還沒有從，完成你的函數調用get，加);到腳本的末尾

除了給出合適的輸入，腳本works as desired。然而，jQuery（和/或它所調用的底層瀏覽器方法）的變幻莫測意味着，如果你試圖匹配的元素是子元素你正在加載的文檔中的body元素，那麼它們將會是頂級元素在jQuery對象中，所以你不會找到他們與find（因爲他們不是後代）。如果你想匹配這樣的元素，請改用filter。