jQuery 附加 `.load()` 而不使用 `.get()`

Question

看来 .load() 和 .get() 之间的一个(众多)区别是前者可以使用 HTML 片段，而后者需要也就是说 HTML 片段是一个完全有效的 XML 结构。

我正在尝试加载一个 HTML 片段的外部文件并将其附加到一个元素。但是，默认情况下，加载会替换而不是附加。

常见的解决方案似乎是使用 .get() 来代替，但这在我的情况下不起作用，因为该文件可能很少是有效的 xml 文档。

有没有办法使用 .load() 来实现此目的？

我正在使用的 HTML 示例:

<table>
    <tr><td>Hello</td></tr>
</table>

和 html 文件:

<tr><td>World</td></tr>

我可以使用.load()将外部文件中的TR附加到TABLE中吗？

Answer 1

同时使用 get() 应该会更好，您可能会使用 load:

var $tr = $("<tr/>").load('ur/file.html',function(){
  $tr.appendTo("#myTable")
})

获取

$.get( url, function(data){
  $(data).appendTo("#myTable")
}, 'text' );