jQuery | 複数の要素をまとめて、ある要素で囲む

view plainprint?

1. <script type="text/javascript">  
2.   $(function () {  
3.    $("#label, #item").warapAll("<div id="column"></div>");  
4.    });  
5. </script>  
6.   
7. <div id="label"></div>  
8. <div id="item"></div>  

<script type="text/javascript">
  $(function () {
   $("#label, #item").warapAll("
");
   });
</script>

<div id="label"></div>
<div id="item"></div>

このようにして、warapAllを使用すると、

view plainprint?

1. <div id="column">  
2.   <div id="label"></div>  
3.   <div id="item"></div>  
4. </div>  

<div id="column">
  <div id="label"></div>
  <div id="item"></div>
</div>

複数の要素を、指定した要素で囲んでくれる。