[jQuery] wrapInner - DOM Insertion, Around

$('#btn0').click(function(){
  $('#rect0').wrapInner('<div class="red-border"></div>');
});

.wrapInner( html:string )
要素の中を指定htmlで囲む。

要素の中を囲む

$('#btn1').click(function(){
  $('#rect1').wrapInner( $('.red-border') );
});

.wrapInner( selector )
要素の中を指定セレクタで囲む。

要素の中を囲む

$('#btn2').click(function(){
  $('#rect2').wrapInner( function(index){
    return '<div class="red-border"></div>';
  } );
});

.wrapInner( function(index:int){} )
要素の中をfunctionの返り値で囲む。

要素の中を囲む