javascript - 在 jquery 操作后获取 html

Question

相当新的jQuery。

我有一个页面设置，用户单击按钮，将文本内容添加到 div。

然后我想检索这个 div 的编辑内容，并在页面底部附加另一个 div。

我想过使用：

var divcontents = $('#firstdiv').html();
$('#targetDiv').append(divcontents);

但是这不起作用，因为第一个 div 的内容是由 jquery 操作添加的，并且不在核心 HTML 中。

有没有一种简单的方法可以做到这一点？

Answer 1

I think, you are desynchronized on events executions or your 'firstdiv' is not appended to body. I made this example and works for me. http://jsfiddle.net/FsrYS/

<div id="targetDiv" style="background-color: red">Target</div>

jQuery(function($) {
    var newDiv = document.createElement("div");
    newDiv.id = 'firstdiv';
    newDiv.innerHTML = 'FirstDiv';
    document.getElementsByTagName('body')[0].appendChild(newDiv);
    var divcontents = $('#firstdiv').html();
    $('#targetDiv').append(divcontents);
});