2012-04-13 88 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