HOME > > > > >

.replaceAll( target )

.replaceAll( target )

引数

target
Selector | jQuery | Array | Element

戻り値

object
jQuery オブジェクト。

target を jQueryオブジェクトにセットされている要素と置換する

サンプル

実行結果

C#

PHP

Javascript

Perl

Ruby

Java

Javascript

  1. $('.jq-sample1 :button').on('click', function(){
  2.     $('<div>replaceAll</div>')
  3.     .replaceAll('.jq-sample1 p')
  4.     .css('fontWeight', 'bold');
  5. });

HTML

  1.  
  2. <div class="jq-sample1">
  3.     <button class="cq-btn m-primary">execute</button>
  4.  
  5.     <p>C#</p>
  6.     <p>PHP</p>
  7.     <p>Javascript</p>
  8.     <p>Perl</p>
  9.     <p>Ruby</p>
  10.     <p>Java</p>
  11.  
  12. </div>
  13.  

返ってくるjQueryオブジェクトは置換されたDOMがセットされたjQueryオブジェクト。 DOMツリーに存在する要素を指定した場合、targetはDOMツリーから削除される。

サンプル

実行結果

first

second

third

four

five

Javascript

  1. $('.jq-sample2 :button').on('click', function(){
  2.     // third を first で置換する
  3.     // first はDOMツリーを移動し、third は削除される
  4.     $('.jq-sample2 .first').replaceAll('.jq-sample2 .third').css({fontWeight: 'bold'});
  5. });

HTML

  1.  
  2. <div class="jq-sample2">
  3.     <button class="cq-btn m-primary">highlight</button>
  4.  
  5.     <p class="inner first">first</p>
  6.     <p class="inner second">second</p>
  7.     <p class="inner third">third</p>
  8.     <p class="inner four">four</p>
  9.     <p class="inner five">five</p>
  10.  
  11. </div>
  12.