jQuery从页面加载2个div到1个div

Question

好的，jQuery的新手，所以希望这是一个简单的问题，我只是遗漏了一些东西。 我想在点击链接时从我网站上的页面加载2个div到另一个页面上的div 类似的东西：

$('#result').load('test.html #div1 #div2');

这是我到目前为止所做的：

<a onmouseover="" style="cursor: pointer;" onclick='$("#col2").load("oldPage.htm #div1");'>Display content</a>

这可行，但它只加载1 Div，如果我尝试从“oldPage”添加另一个它不起作用。想法？再次记住，我是新手。

感谢。

Answer 1

让我们使用一个函数来简化这个过程。我称之为load_divs：

HTML：

<a style="cursor: pointer;" onclick='load_divs();return false;'>Display content</a>

JavaScript的：

function load_divs() {
    $("#col2").load("oldPage.htm #div1");
    $("#col2").append($("<div>").load("oldPage.htm #div2"));
}

更好地附加此事件处理程序的方法是为a元素提供id并使用jQuery添加处理程序：

HTML：

<a id="display_link" style="cursor: pointer;">Display content</a>

JS：

$("#display_link").click(function() {
    $("#col2").load("oldPage.htm #div1");
    $("#col2").append($("<div>").load("oldPage.htm #div2"));
});

或者，如果要加载的div在DOM中并排放置，则可以将它们包装在另一个div中，然后只加载该div。