.after( content [, content] )
引数
- (html|DOM element|jQuery object)content
contentをjQueryオブジェクトが保持しているDOM要素の後ろに追加する。contentは複数指定可能。
サンプル
実行結果
javascript
PHP
ActionScript
Javascript
$('.jqTest1 h5')
.after('<p>Lang</p>', $('<h6>', { text: 'h6テスト'}), document.getElementById('ZYX'))
.css('color', 'red');
HTML
<div class="jqTest1">
<h5>javascript</h5>
<h5>PHP</h5>
<h5>ActionScript</h5>
<div id="ZYX">
<ul>
<li>ZYXテキスト</li>
</ul>
</div>
</div>
もとのjQueryオブジェクトが返ってくる。
.after( function(index) )
引数
- (function)function
- indexはjQueryオブジェク内でのindex
関数が返すHTML、DOM element(s)、jQueryオブジェクトをjQueryオブジェクトが保持しているDOM要素の後ろに追加する。
サンプル
実行結果
javascript
PHP
ActionScript
Javascript
var db = ['サーバーサイドにも進出中', 'サーバーサイド', 'FlashPlayarで動く']
$('.jqTest2 h5').after(function(index){
return $('<p>', { text: index + ' : ' + db[index] }).css('color', 'red');
});
HTML
<div class="jqTest2">
<h5>javascript</h5>
<h5>PHP</h5>
<h5>ActionScript</h5>
</div>