jqueryのwrapAll()メソッド
翻訳結果：
wrap
英[ræp] 美[ræp]
vt. 包む; 包む; ...で包む (または包帯、カバーなど) ; カバー
n. 膝掛け、ショール、スカーフ、スカーフ、ヘッドスカーフ、ブラウス、ジャケット、コート; 包装紙; <俗語> 機密事項
vi. 巻く、巻き取る (通常は組み合わせて使用される)上、周りなど) ; 包む、包み込む; (服などを) 着る
all
英[ɔ:l] 美[ ɔl]
adj. すべて; すべて; あらゆる種類; 極端な、可能な限り
pron.all;everyone;everyone,everything;すべての状況
adv.entirely ;完全に;それぞれ;非常に
n.all;[A-としてよく使われる]全体;[私、あなた、彼、彼女などと一緒によく使われる](誰か)すべて
jqueryのwrapAll()メソッド構文
関数: wrapAll() は、選択されたすべての要素を指定された HTML コンテンツまたは要素に配置します。
構文: $(selector).wrapAll(wrapper)
パラメータ:
| パラメータ | 説明 |
| ラッパー | 必須。選択した要素をラップするコンテンツを指定します。可能な値: HTML コード - 例: (" gt; ") 新しい DOM 要素 - 例: (document.createElement("div")) 既存の要素 - 例: ($(".div1" ))既存の要素移動されず、コピーされ、選択した要素の周りにラップされるだけです。 |
jqueryのwrapAll()メソッド例
<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").wrapAll("<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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します