jQuery appendTo（）将div的html转换为另一个div-TypeError:text.appendTo不是函数

我在div中有一个notes，在单击note之后，我需要记录

html

和

appendTo

作为另一个div的最后一个子项

$('.note-single').click(function(){
    var text = $('div', $(this)).html();
    text.appendTo( $('.note-editable.panel-body')[0] );
});

这会返回一个错误：Uncaught TypeError:text.append不是一个函数

html（）方法返回的字符串没有

appendTo（）

方法-因此出现错误。要修复它，可以使用jQuery对象的

append（）

方法，如下所示：

$('.note-single').click(function(){
    var html = $('div', $(this)).html();
    $('.note-editable.panel-body:first').append(html);
});

或者，您可以直接克隆元素，而不是从HTML字符串构建一组新的元素：

$('.note-single').click(function(){
    $('div', $(this)).clone().appendTo('.note-editable.panel-body:first');
});

请注意，我在这里使用了

：first

选择器，因为我假定您在选择器上使用

[0]

是为了获取匹配集中的第一个元素，而不是您特别想要返回底层的domeElement