.wrapAll( wrappingElement )
- wrappingElement
- Selector|htmlString|Element|jQuery
対象の要素をグループとして扱いwrappingElementで囲む。
サンプル
実行結果
wrapAll()
wrap()
test1
test2
test3
Javascript
var code1_span = $('#code1 span');
$('#code1-wrapAll').on('click', function(e){
code1_span.wrapAll('<div class="wrap-all" />');
});
$('#code1-wrap').on('click', function(e){
if (code1_span.parent().is('p')) {
code1_span.unwrap();
} else {
code1_span.wrap('<p />');
}
});
HTML
<span class="cq-btn" id="code1-wrapAll">wrapAll()</span>
<span class="cq-btn cq-btn-danger" id="code1-wrap">wrap()</span>
<div id="code1">
<span>test1</span>
<span>test2</span>
<span>test3</span>
</div>
CSS
#code1 .wrap-all {
display: inline-block;
padding: 4px;
background: #EEEFFF;
color:#000000;
border: 2px solid #DDDDDD;
}
#code1 p {
padding: 4px;
background: #456f9a;
color:#FFFFFF;
margin: 2px;
}