2012-04-13 91 views
-1

我想获得一个div内容在另一个div内,并将它们放入列表中,然后将其发送到数据库。 我绕着div循环并获取它的所有内容,但它只是返回循环的第一项内容。如何获取子div的内容javascript

股利如下:

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

您有几个问题。首先,文档中的多个对象不能有相同的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)}; 
}); 
+0

确定这将是巨大的,但是有一个问题,第二个div之前,我有一个有头我在代码中也使用了一些属性...这就是它的样子: – OnlyHope 2012-04-13 21:44:13

+0

$('#Classes')。append('

' + subjects[i].sbj_Name + " Class:" + subjects[i].Ttb_Class + '

' + subjects[i].Wkp_Body + '
'); – OnlyHope 2012-04-13 21:45:54

+0

如果您想要精确帮助,请向我们展示您的实际HTML。我只能通过你所透露的HTML。而且,请不要将多行代码放入注释中(因为它是不可读的)。如果您需要添加多行代码,请使用“编辑”链接将其添加到您的问题中,然后添加一条评论,指导人们回答问题的新部分。 – jfriend00 2012-04-13 22:27:13