javascript - 如何获取子div javascript的内容

Question

我想获取另一个 div 中的 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};
   });

那么，您知道如何将所有项目一一添加到列表中吗？

谢谢

Answer 1

你有几个问题。首先，您的文档中不能有多个对象中存在相同的 ID。你需要改变它。

然后，我会建议这种类型的解决方案在所需的.paneldiv 上使用一个类：

$('#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)};
});