.replaceAll( target )
引数
- target
- Selector | jQuery | Array | Element
戻り値
- object
- jQuery オブジェクト。
target を jQueryオブジェクトにセットされている要素と置換する
サンプル
実行結果
C#
PHP
Javascript
Perl
Ruby
Java
Javascript
$('.jq-sample1 :button').on('click', function(){
$('<div>replaceAll</div>')
.replaceAll('.jq-sample1 p')
.css('fontWeight', 'bold');
});
HTML
<div class="jq-sample1">
<button class="cq-btn m-primary">execute</button>
<p>C#</p>
<p>PHP</p>
<p>Javascript</p>
<p>Perl</p>
<p>Ruby</p>
<p>Java</p>
</div>
返ってくるjQueryオブジェクトは置換されたDOMがセットされたjQueryオブジェクト。
DOMツリーに存在する要素を指定した場合、targetはDOMツリーから削除される。
サンプル
実行結果
first
second
third
four
five
Javascript
$('.jq-sample2 :button').on('click', function(){
// third を first で置換する
// first はDOMツリーを移動し、third は削除される
$('.jq-sample2 .first').replaceAll('.jq-sample2 .third').css({fontWeight: 'bold'});
});
HTML
<div class="jq-sample2">
<button class="cq-btn m-primary">highlight</button>
<p class="inner first">first</p>
<p class="inner second">second</p>
<p class="inner third">third</p>
<p class="inner four">four</p>
<p class="inner five">five</p>
</div>