Question

我想得到一个div的内容，这个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。你需要改变它。

然后，我建议使用所需.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)};
});

如何获取子div javascript的内容

1 个答案: