jQuery append（）不追加

Question

我有这样的html结构：

<div id="things">
    <div class="whatever">
        <div class="frame">content</div>
        <div class="frame">content</div>
        <div class="frame">content</div>
    </div>
</div>

我得到了带有JQuery脚本的JS，该脚本可以在该页面的单击按钮上工作：

function intsaver(){

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("POST", "intsaver.php", true);
    var tosf = $('<div></div>');
    $("#things").find(".frame").each(function(){
        tosf.append($(this).innerHTML);
        alert(''+tosf);
    });
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("data=" + tosf.innerHTML);
}

我可以this在调试器中看到内容，它们正是我要的内容。但是tosf仍然存在，undefined并且在服务器端，我可以接收到undefined。

我尝试了一些方法，例如，我附加了this自己。结果，div从page中消失了，但tosf仍然存在undefined。

我相信我犯了一些明显的错误。

Answer 1

改变

tosf.append($(this).innerHTML);

到

 tosf.append($(this).html());//$(this) a jQuery object

或者

tosf.append(this.innerHTML);//this a dom object

$(this)是 a jQuery objectnot adom object没有属性。innerHTML请使用.html()。