jQuery DOM 操作 Wrap()
要素を他の要素でラップする場合、つまり親要素を要素に追加する場合、JQuery はそのような処理のためのラップ メソッドを提供します
.wrap(wrappingElement): コレクション HTML 構(gòu)造內(nèi)の一致する各要素をラッパーで囲みます。
たとえば、以下に例を書いてみましょう
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<p>php 中文網(wǎng)</p>
<script>
$("p").wrap("<div></div>");
</script>
</body>
</html>友達(dá)、上のコードを見て、pタグに親ノードを追加して、コードをコピーしてローカルで実行し、F12を押して表示します
例を見てみましょう:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<p>php 中文網(wǎng)</p>
<script>
$('p').wrap(function(){
return '<div>';
})
</script>
</body>
</html>実際、効果は最初のものと同じですが、記述方法が異なります注: Wrap()関數(shù)は任意の文字列またはオブジェクトを受け入れることができ、これらを $() ファクトリ関數(shù)に渡して DOM 構(gòu)造を指定できます。この構(gòu)造は數(shù)レベルの深さにネストできますが、コア要素のみを含める必要があります。一致する各要素はこの構(gòu)造體によってラップされます。このメソッドは、後で連鎖メソッドを使用できるように、元の要素セットを返します。
