HOME > > > > >

.insertAfter(target)

.insertAfter(target)

引数

target
Selector | htmlString | Element | Array | jQuery

戻り値

object
jQuery オブジェクト。

jQueryオブジェクトが保持しているDOM要素を target の後ろに挿入する。

サンプル

実行結果

insertAfter(p)
C#
PHP
Javascript
Perl
Ruby
Java

Javascript

  1. $('.jq-sample1 .cq-btn').on('click', function(e){
  2.     $('<p>', {text: 'insertAfter', css: {color: 'red'}})
  3.     .insertAfter($(e.target).siblings('div'));
  4. });

HTML

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