如何从另一个 HTML 文件加载 div 的子元素？ (jQuery)

Question

<div id="transactions">
   <span>Money 1</span>
   <span>Money 2</span>
   <span>Money 3</span>
</div>

我有这样的代码。我想将 div 的子元素加载到另一个 HTML 文件而不加载 div。 （焦点不是加载 span，焦点是加载 div 的子元素）

我试过了

$(sometag).load(URL + '#transactions');

它还加载外部 div 并导致设计崩溃。

Answer 1

您可以使用 ajax 连接到 URL。然后就可以使用 jQuery 选择器了。

例子

var URL = "https://example.com/path/to/page";

$.get(URL, function(data){

    var transactions = $("#transactions", data);
    console.log(transactions);
});