1.方法
Wrap: 一致するすべての要素を他の要素の構造でラップします。
WrapAll: 一致するすべての要素を 1 つの要素でラップします
WrapInner: 一致する要素のサブクラスを HTML 構造でラップします。
2. 例
(1)ラップ
次のようにコードをコピーします。
<!DOCTYPE html>
<html>
<頭>
<meta charset="UTF-8">
<title>ここにタイトルを挿入</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(関数() {
$("div a").wrap("<div id='id'></div>");
});
</script>
</head>
<本文>
<div>
<a>六星湯</a> <a>六星湯</a> <a>六星湯</a> <a>六星湯</a>
</div>
</body>
</html>
firebug は結果を表示します。
次のようにコードをコピーします。
<!DOCTYPE html>
<html>
<頭>
<meta charset="UTF-8">
<title>ここにタイトルを挿入</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
</head>
<本文>
<div>
<div id="id">
<a>リュシンギュ</a>
</div>
<div id="id">
<a>リュシンギュ</a>
</div>
<div id="id">
<a>リュシンギュ</a>
</div>
<div id="id">
<a>リュシンギュ</a>
</div>
</div>
</body>
</html>
(2)すべてをラップする
次のようにコードをコピーします。
<!DOCTYPE html>
<html>
<頭>
<meta charset="UTF-8">
<title>ここにタイトルを挿入</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(関数() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</head>
<本文>
<div>
<a>六星湯</a> <a>六星湯</a> <a>六星湯</a> <a>六星湯</a>
</div>
</body>
</html>
firebug は結果を表示します。
次のようにコードをコピーします。
<!DOCTYPE html>
<html>
<頭>
<meta charset="UTF-8">
<title>ここにタイトルを挿入</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(関数() {
$("div a").wrapAll("<div id='id'></div>");
});
</script>
</head>
<本文>
<div>
<div id="id">
<a>六星湯</a> <a>六星湯</a> <a>六星湯</a> <a>六星湯</a>
</div>
</div>
</body>
</html>
(3)ラップインナー
次のようにコードをコピーします。
<!DOCTYPE html>
<html>
<頭>
<meta charset="UTF-8">
<title>ここにタイトルを挿入</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(関数() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</head>
<本文>
<div>
<a>六星湯</a> <a>六星湯</a> <a>六星湯</a> <a>六星湯</a>
</div>
</body>
</html>
firebug は結果を表示します。
次のようにコードをコピーします。
<!DOCTYPE html>
<html>
<頭>
<meta charset="UTF-8">
<title>ここにタイトルを挿入</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(関数() {
$("div").wrapInner("<div id='id'></div>");
});
</script>
</head>
<本文>
<div>
<div id="id">
<a>六星湯</a> <a>六星湯</a> <a>六星湯</a> <a>六星湯</a>
</div>
</div>
</body>
</html>