使用 JQuery 从外部文件中通过 id 选择器获取 html 内容答案

【问题标题】：Get html content by id selector from external file using JQuery使用 JQuery 从外部文件中通过 id 选择器获取 html 内容
【发布时间】：2016-05-08 13:21:31
【问题描述】：

我想知道是否有可能使用该元素的 ID 选择器从外部 HTML 文件中获取元素（HTML 内容）

外部文件（template.html）：

<div id="id1">Content 1 </div>
<div id="id2">Content 2 </div>

有没有这样的流程：

当前文件 (index.html)

<script>
var url = "template.html";
var externalHtmlContent = $ajax(url).document.getElementById("id").innerHTML;
</script>

所以externalHtmlContent 将包含“内容 1”值？

【问题讨论】：

标签： jquery html ajax templates

【解决方案1】：

$.get(url, function (data) {
    var html = $(data);
    var content_1 = $('#id1', html).text();
    // content_1 is "Content 1"
});

【讨论】：

var html="
Hello World
"; var content_1=$('#val_h1',html).text(); console.log(content_1);

【解决方案2】：

试试这个：

HTML

<div id="#hiddenDiv" style="display: none"></div>

$("#hiddenDiv").load(url,
   function() { 
      var content = $('#id1').html();
      //...
   }
);

【讨论】：

Hello World