Question

这是一个很简单的问题, 但我不知道如何在互联网上搜索。

我有一个空的 , 最终需要以下列方式查找 :

<div id="wrap>
    <div class="container">
        <div class="apples"></div>
    </div>
    <div class="container">
        <div class="banana"></div>
    </div>
    <div class="container">
        <div class="orange"></div>
    </div>
    <div class="container">
        <div class="grapes"></div>
    </div>
</div>

我有:

$(#wrap).html(  ); // need this bit
var fruitArray = [ apples , banana , orange , grapes ];
for (fruit in fruitArray) {
    $( <div class=" +fruitArray[fruit]+ "></div> ).appendTo( #wrap ).doSomething(); 
}

因为我需要与水果阵列班的Div做点什么, 我不能只是把它包在集装箱班上:

$( <div class="container"><div class=" +fruitArray[fruit]+ "></div></div> ).appendTo...

在这种情形下,我怎么能去制造集装箱类呢?

Answer 1

< a href=" "http://api.jquery.com/ wrap/" rel="no follow" >. wrap 方法返回用于链锁目的的原始元素组。

$( <div class=" +fruitArray[fruit]+ " /> )
.appendTo( #wrap )
.wrap( <div class="container" /> )
.doSomething();

Answer 2

尝试此 :

var fruitArray = [ apples , banana , orange , grapes ];
for (fruit in fruitArray) {
    $( <div class="  + fruitArray[fruit] +  "></div> ).appendTo( #wrap ).wrap( <div class="container"></div> );
}

example fiddle

Answer 3

var fruitArray = [ apples , banana , orange , grapes ];
for (fruit in fruitArray) {
    $( <div class=" +fruitArray[fruit]+ " /> ).wrap( <div class="container" /> ).appendTo( #wrap ).doSomething();
}

OR 也可以像

var fruitArray = [ apples , banana , orange , grapes ];
for (fruit in fruitArray) {
    $( <div class=" +fruitArray[fruit]+ " /> ).appendTo( #wrap ).doSomething().wrap( <div class="container" /> );
// this will work if the doSomething is a jquery/plugin method that is using chaining (usually they do)
}

友情链接