Question

这个小提琴我做错了什么？ Fiddle

我想要实现的是在另一个div中有多个div，其中包含标签和跨度。标签必须位于左侧，并且右侧带有文本，并在每个div的底部有一个实线边框，以便将它们分开。

在上面的小提琴中，我甚至无法将背景设置为div的颜色。像这样：

Tree

所以最终结果应该看起来像

<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>

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/

在div中正确添加和样式标签和跨度

1 个答案: