假设我们有这个身份不明的DIV
<div class="class-occurs-many-times-on-page">foo</div>
我们想在它之后放置另一个包含数十或数百个 SPAN 元素的未识别 DIV:
<div class="a-class-that-occurs-many-times-on-page">foo</div>
<div class="another-class-that-occurs-many-times-on-page">
<span class="latin">lorem</span><span class="latin">ipse</span>
<span class="swedish-chef">føø</span><span class="swedish-chef">bår</span>
.
.
.
<span>...</span>
</div>
我们已经添加了第一个未识别的 DIV,并希望以这种方式添加 SPAN-container DIV:
values = [{word: "lorem", cls: "latin"}, {word: "ipse", cls: "latin"},
{word:"føø",cls:"swedish-chef"}, {word:"bår",cls:"swedish-chef"}];
$("#" + someParentElement).append(
$("<div></div>").addClass("a-class-that-occurs-many-times-on-page").text("foo").after(
$("<div></div>").addClass("another-class-that-occurs-many-times-on-page").append(
function(index, html){
// how to wrap each value in the values array in a span
// and inject each of those spans into this DIV?
}
)
)
);
这种方法是否可行,如果可以,如果目标是将数组中的每个值包装在 SPAN 中并注入,那么 .append() 方法调用中的函数必须对 values 数组的每次迭代执行什么操作跨度到容器中?
谢谢