jqueryで、bodyの中身をtableで囲むと、テキストがtableの外に表示される

jqueryを使って、<body>の中身を<table>で囲みたいです。
そこで、以下のようにしてみました。

<html>
<head>
<meta charset="utf-8">
<script src="jquery.js"></script>
<script type="text/javascript">
$(function(){
	$('body').children().wrapAll('<table><tr><td>');
	$('table').attr('border','1');
});
</script>
</head>
<body>
<img src="a1.jpg"><img src="a2.jpg">abc
</body>
</html>

すると、<body>～</body>の中の
<img src="a1.jpg"><img src="a2.jpg">abc
の画像の後にある「abc」が<table>のタグの後に表示されます。

<body>～</body>の中の <img src="a1.jpg"><img src="a2.jpg">abc を<table>～</table>の中に全部入れるには、どうすればいいのでしょうか。

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。
children() を contents() に変更して、以下にしてみるといかがでしょうか？

javascript
1$('body').contents().wrapAll('<table><tr><td>');

投稿2018/11/23 16:59

編集2018/11/23 17:01

jun68ykt

総合スコア9058

d_neko

2018/11/23 17:09

ありがとうございます。希望通りにできました。

jun68ykt

2018/11/23 17:11

よかったです ????

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

jqueryで、bodyの中身をtableで囲むと、テキストがtableの外に表示される

関連した質問