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()
メソッドを使用しないでください