追加部分html代码jquery
我正在构建一个html页面，我需要将html代码从一个div添加到另一个div。
这是我的第一个div：
<div id="placeHolder" style="display:none">
<div id="1">....</div>
<div id="2">....</div>
<div id="3">....</div>
</div>
我想添加ID为1，2和3的div到另一个div（#mainDiv），但不是一次全部。
有没有办法用jQuery添加部分html代码？ 我知道这是一个叫append的函数，但是我不知道它是否适合这种类型的ocasion ..
谢谢
我通过搜索stackoverflow找到了这个问题的答案。 我想你正在寻找像这里解释的appendTo函数。 所以，是的，你说得对，appendTo是一个很好的解决方案，我认为:-)
比如说你想把它们从第二个div移到第一个div：
<div id="newPlace">
</div>
<div id="placeHolder">
<div id="1">....</div>
<div id="2">....</div>
<div id="3">....</div>
</div>
然后你可以用jQuery选择元素，用append将它们复制到其他地方，然后从原始位置删除它们：
$("#placeHolder div").appendTo("#newPlace").remove();
你可以试试这个：
<div id="placeHolder" style="display:none">
<div id="1" onclick="change(this)">....</div>
<div id="2" onclick="change(this)">....</div>
<div id="3" onclick="change(this)">....</div>
</div>
使用Javascript：
function change(element) {
if ($(element).attr('id') === 1) {
$('#mainDiv').append($(element).html());
} ...
// AND THE SAME FOR EACH DIV. IF YOU DON'T HAVE TOO MUCH, THIS CAN BE A WAY
}
随着onclick您的div或任何你想用它来触发这个事件，你可以使用这个功能来改变你的内容mainDiv取决于哪个元素被选中，通过鉴定id属性。
如果你正在设置你的div数据而没有任何事件被抛到你的div中，你只需要添加我在你想使用它的地方发布的函数。 像这儿：
$(function() {
//SOME STUFF
$('#mainDiv').append($('#1').html()); //OR
$('#mainDiv').append($('#2').html()); //OR
$('#mainDiv').append($('#3').html());
});