jqueryのwrap()メソッド
翻訳結果：
wrap
英[ræp] 美[ræp]
vt. 包む; 包む; ...で包む (または包帯、カバーなど) ; カバー
n. 膝掛け、ショール、スカーフ、スカーフ、ヘッドスカーフ、ブラウス、ジャケット、コート; 包装紙; <俗語> 機密事項
vi. 巻く、巻き取る (通常は組み合わせて使用される)上、周りなど) ; 包む、包み込む; (服など) を着ます
jqueryのwrap()メソッド構文
関数: wrap() メソッドは、選択された各要素を指定された HTML コンテンツまたは要素に配置します。
構文: $(selector).wrap(wrapper)
パラメータ:
| パラメータ | 説明 |
| ラッパー | 必須。選択した要素をラップするコンテンツを指定します。可能な値: HTML コード - 例: (" gt; ") 新しい要素 - 例: (document.createElement("div")) 既存の要素 - 例: ($(".div1")) 既存の要素は移動することはできません。選択した要素をコピーしてラップするだけです。 |
関数を使用して要素をラップする: 関数を使用して、選択した各要素の周囲にラップするコンテンツを指定します。
# 構文: $(selector).wrap(function())
パラメータ:
| パラメータ | 説明 |
| function() | 必須。ラップされた要素を返す関数を指定します。 |
jqueryのwrap()メソッド例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").wrap("<div></div>");
});
});
</script>
<style type="text/css">
div{background-color:yellow;}
</style>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用 div 包裹每个段落</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します