2010-12-17 13 views
1

こんにちは
は、私は以下のコードを持っていると仮定しますか? 結果は次のようになりますjQueryの複数の要素にラップdivが

<div> 
     <div class="Hello"> 
     <div class="inner">Hello</div> 
     </div> 
     <div class="Goodbye"> 
     <div class="inner">Goodbye</div> 
     </div> 
     <div class="Goodnight"> 
     <div class="inner">Goodnight</div> 
     </div> 
    </div> 

更新(動作しない)2(ワーク)3(動作しない)で更新

<script src="http://code.jquery.com/jquery-1.4.4.js"></script> 

<div class="Hello"> 
    <div class="inner">Hello</div> 
</div> 
<div class="Goodbye"> 
    <div class="inner">Goodbye</div> 
</div> 
<div class="Goodnight"> 
    <div class="inner">Goodnight</div> 
</div> 

<script> 
$("<div>").insertBefore(".Hello").append($('.Hello'), $('.Goodbye'), $('.Goodnight')); 
</script> 

<script src="http://code.jquery.com/jquery-1.4.4.js"></script> 

<div class="Hello"> 
    <div class="inner">Hello</div> 
</div> 
<div class="Goodbye"> 
    <div class="inner">Goodbye</div> 
</div> 
<div class="Goodnight"> 
    <div class="inner">Goodnight</div> 
</div> 

<script> 
//$("<div>").insertBefore(".Hello").append($('.Hello'), $('.Goodbye'), $('.Goodnight'));  
$(".Hello, .Goodbye, .Goodnight").wrap('div'); 
</script> 

更新

<script src="http://code.jquery.com/jquery-1.4.4.js"></script> 

<div class="Hello"> 
    <div class="inner">Hello</div> 
</div> 
<div class="Goodbye"> 
    <div class="inner">Goodbye</div> 
</div> 
<div class="Goodnight"> 
    <div class="inner">Goodnight</div> 
</div> 

<script> 
$("<div>").insertBefore(".Hello").append(".Hello, .Goodbye, .Goodnight"); 
</script> 

結果:

<div class="Hello"> 
    <div class="inner">Hello</div> 
<div class="Hello"> 
    <div class="inner">Hello</div> 
</div></div> 
<div class="Hello"> 
    <div class="inner">Hello</div> 
<div class="Hello"> 
    <div class="inner">Hello</div> 
</div><div class="Goodbye"> 
    <div class="inner">Goodbye</div> 
</div></div> 
<div class="Hello"> 
    <div class="inner">Hello</div> 
<div class="Hello"> 
    <div class="inner">Hello</div> 
</div><div class="Goodnight"> 
    <div class="inner">Goodnight</div> 
</div></div> 

.wrap()メソッドを使用しないでください

答えて

3

ありがとうございます。新しいdivと.append()各要素を作成するだけです。 例えば:div要素が内側に移動する

$("<div>") 
    .insertBefore(".Hello") 
    .append($(".Hello, .Goodbye, .Goodnight")); 

、クローン化しません。

関連する問題