複数のタグをDIVタグで囲みたい

<TD>タグの中に<IFRAME>タグと<INPUT>タグがあり、それを<DIV>タグで囲みたいのです。

<TD>　　　　　　　　　　　　　　　　<TD>
　<IFRAME id="xxx" ...　　==>　　　<DIV>
　<INPUT id="yyy" ...　　　　　　　　　<IFRAME id="xxx" ...
</TD>　　　　　　　　　　　　　　　　　　<INPUT id="yyy" ...
　　　　　　　　　　　　　　　　　　　　　</DIV>
　　　　　　　　　　　　　　　　　　　</TD>

jQueryのwrapall関数かと思うのですが、サンプル等では同じ種類のタグを囲むものしか
ありませんでした。
jQueryは経験がないので、四苦八苦しています。
どなたかお知恵をお貸しください。
よろしくお願いします。

No.1 ベストアンサー 回答者： my-- 回答日時： 2012/05/31 13:18

var obj = $('td');

var wrap = $("<div />"); // 囲む要素
obj.append(wrap.append(obj.children('iframe, input')));

「囲む」よりも、付け替えるというか、移動させる方向で考えた方がいいかも知れないです。

この回答へのお礼

なるほど！
DIV要素を新たに作り、TDタグの子要素を追加してそれをTDに追加するという考え方ですね。
やってみたらうまくいきました。
Webアプリをやるようになって日が浅いですが、jQueryをもっと使いこなせるよう勉強します。
ありがとうございました。

お礼日時：2012/05/31 19:01