jquery .load()函数多次

una*_*ler 2 html javascript jquery

如何使用jQuery多次加载test.html .

function loadScreen()
{
  $('#result').load('test.html');
}
Run Code Online (Sandbox Code Playgroud)

main.html中

<div id='result'></div>
<input type="button" value="click me" onclick="loadScreen()">
Run Code Online (Sandbox Code Playgroud)

的test.html

<body>
<p>
testing
</p>
</body>
Run Code Online (Sandbox Code Playgroud)

现在的情况

当我点击按钮点击我.它将在main.html测试中加载一次show

我想做的事

当我单击按钮两次它将显示时,我该怎么办呢

testing
testing
Run Code Online (Sandbox Code Playgroud)

和不同的div id

第一次按钮单击显示测试 <div id="result1">testing</div> 第二次按钮单击显示测试 <div id="result2">testing</div>

它会在id处追加增量1.

Ror*_*san 5

load() 将替换目标元素的内容,这就是为什么它不能按你的意愿工作.

试试这个:

function loadScreen() {
    var divId = $("#result > div").length + 1;
    $('#result').append("<div></div>").attr("id", "result" + divId).load('test.html');
}
Run Code Online (Sandbox Code Playgroud)