Question

我需要使用<div>标记和所有内容获取原始html，并将其放在变量字符串中。

所以，如果我有一个单独的文件test.html

<div>
<div><img src="images/htc_hero_wallpaper_01.jpg" width="20%" height="20%" alt="" /></div>
WORKS!!!
</div>

我需要jQuery命令

$.ajax({
  url: "test.html",
  success: function(){

 var htmlraw = ?????
 alert(htmlraw)  /// should print the raw test.html
  }
});

打印

<div>
<div><img src="images/htc_hero_wallpaper_01.jpg" width="20%" height="20%" alt="" /></div>
WORKS!!!
</div>

Answer 1

$.get({
  url: "test.html",
  success: function(data){

 var htmlraw = data;
 //alert(htmlraw)  /// should print the raw test.html
 $("#someDiv").html(htmlraw);
  }
});

Answer 2

这可能为时已晚，但正确的做法是将fourth parameter to $.get (the dataType)设置为“文字”：

$.get("test.html", null, function(html) {
    console.log(html);
}, "text");

否则，它会自动检测响应是否为HTML并为您解析。

Answer 3

你应该从jQuery http://api.jquery.com/html/

看看.html（）

Answer 4

如果要获取文件中特定元素的html，可以找到该元素并将其附加到新元素。这样，您就可以使用.html()

获取原始html字符串

$.get("test.html", function(data)
{
    var specificEl = $(data).find('#specific-element');
    var html = $(document.createElement('div')).append(specificEl).html();

    console.log(html);
});

如何使用jQuery获取原始html字符串.get（）

4 个答案: