子divの内容を取得する方法div javascript

Question

他のdivの中にあるdivの内容を取得してリストに入れて、それをデータベースに送信したいと考えています。 divの周りをループして内容をすべて取得しますが、ループの最初の項目の内容だけを返します。

本部は、次のようになります。

 $('#Classes').append('<div> <h1 class = "flip" wpID="' + subjects[i].Wkp_ID+ '</h1><div id ="NewBody" class="panel" contenteditable>' + subjects[i].Wkp_Body + '</div> </div>'); 

私はコンテンツを取得するためにこれらの行を使用しますので、

 $('#Classes div').each(function (index) { 
     var header = $(this).children('h1'); 
     var wpID = header.attr('wpID'); 
     var WeekBody = document.getElementById("NewBody"); 
     var Weekbodycontent = WeekBody.innerHTML; 

    WeekPlan[index] = {"Wkp_Body": WeekBody}; 
    }); 

、あなたは私がリストずつにすべての項目を追加する方法を知っています1 ？

ありがとうございました

Answer 1

いくつかの問題があります。まず、ドキュメント内の複数のオブジェクトに同じIDを指定することはできません。あなたはそれを変更する必要があります。

その後、私は希望.panelのdivにクラスを使用して、このタイプのソリューションをお勧めします：

$('#Classes').append('<div class="container"><div class="panel" contenteditable>' + 
    subjects[i].Wkp_Body + '</div> </div>'); 

$('#Classes .container').each(function (index) { 
    var header = $(this).children('h1'); 
    var body = $(this).find(".panel"); 
    var Weekbodycontent = body.html(); 
    WeekPlan[index] = {"Wkp_Body": body.get(0)}; 
});