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

Question

我想知道是否有可能使用此元素的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”值吗？

Answer 1

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

Answer 2

试试这个：

HTML

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

JS

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