正確追加和造型標籤和跨度裏面

Question

我在這個小提琴中做錯了什麼？ Fiddle

我想要完成的是在另一個div內有多個div，這些div中有標籤和跨度。標籤必須位於左側，並在右側各有一個文本，並在每個div的底部有一個實心邊框來分隔它們。

在上面的提琴中，我甚至無法將背景設置爲div的顏色。事情是這樣的：

<div class="standards"> 
    <div class=""><label></label><span><span></div> 
    <div class=""><label></label><span><span></div> 
    <div class=""><label></label><span><span></div> 
</div> 

所以最終的結果應該

HTO some text 
__________________ 

HTO some text 
__________________ 

Answer 1

$（ 'tab_field_pair'）選擇具有相應類別的所有HTML節點。所以當你追加第一個並且想追加第二個時，它會選擇兩個div。

這裏是你可以做什麼：

var code = "HT0"; 
var label = 'evaluate the social, political, economic, and cultural contributions of individuals and groups from various societies, past and present' 

var length = 5; 

for (var i = 0; i <= length; i++){ 
var $div=$("<div class='tab_field_pair'> </div>"); 
$('.standards').append($div); 
$div.append("<label id='standardscode'>" + code + "</label><span id='standardslabel'>" + label + "</span>") 
} 

http://jsfiddle.net/2dJAN/1351/