Javascript 将单击的元素附加到另一个元素时出现问题

Javascript 将单击的元素附加到另一个元素时出现问题,javascript,jquery,Javascript,Jquery,请看一下这段代码,让我知道为什么我不能使用jQuery将整个单击的元素附加到目标中 $('button')。在('click',function()上{ $(this.html().appendTo($('div')); }); div{ 高度:300px; 宽度:300px; 背景:卡其色; } 把我加到盒子里 更改:$(this.html().appendTo($('div')) 致: 更改:$(this.html().appendTo($('div')) 致: 使用append()而不

请看一下这段代码,让我知道为什么我不能使用jQuery将整个单击的元素附加到目标中

$('button')。在('click',function()上{
$(this.html().appendTo($('div'));
});
div{
高度:300px;
宽度:300px;
背景:卡其色;
}

把我加到盒子里
更改:
$(this.html().appendTo($('div'))

致:

更改:
$(this.html().appendTo($('div'))

致:


使用append()而不是appendTo:

$('button')。在('click',function()上{
$(“div”).append($(this.html());
});
div{
高度:300px;
宽度:300px;
背景:卡其色;
}

把我加到盒子里

使用append()而不是appendTo:

$('button')。在('click',function()上{
$(“div”).append($(this.html());
});
div{
高度:300px;
宽度:300px;
背景:卡其色;
}

把我加到盒子里
您的问题是:

$(this).html().appendTo($('div'));
根据你不能使用。相反,您可以在中使用like:

$('button')。在('click',function()上{
//$(this.clone(true).appendTo($('div'));
$(this.clone().addClass('red').appendTo($('div'));
});
div{
高度:300px;
宽度:300px;
背景:卡其色;
}
瑞德先生{
背景色:红色;
}

把我加到盒子里
您的问题是:

$(this).html().appendTo($('div'));
根据你不能使用。相反,您可以在中使用like:

$('button')。在('click',function()上{
//$(this.clone(true).appendTo($('div'));
$(this.clone().addClass('red').appendTo($('div'));
});
div{
高度:300px;
宽度:300px;
背景:卡其色;
}
瑞德先生{
背景色:红色;
}

把我加到盒子里

非常感谢gaetanoM,只需一个简短的问题!还有什么方法可以将类添加到追加的元素中?我的意思是胡安不能再加一个class@user1760110代码段已更新(addClass('red'))。让我知道谢谢gaetanoM,只要一个简单的问题!还有什么方法可以将类添加到追加的元素中?我的意思是胡安不能再加一个class@user1760110代码段已更新(addClass('red'))。让我知道