<script>
$(function(){
$('#btn0').click(function(){
$('<span>こんばんわ</span>').insertBefore( $('#txt0') );
});
});
</script>
<body>
<p id="txt0">こんにちわ</p>
<body>
$('html:string').insertBefore( selector )
selectorの前に指定htmlを追加する。
こんにちわ
要素を追加する
<script>
$(function(){
$('#btn1').click(function(){
$('#sample1 span').insertBefore( $('#txt1') );br>
});
});
</script>
<body>
<div id="sample1">
<span>こんばんわ</span>
<p id="txt1">こんにちわ</p>
</div>
<body>
selectorA.insertBefore( selectorB )
selectorBの前にselectorAを追加する。
こんにちわ
要素を追加する
<script>
$(function(){
$('#btn2').click(function(){
$('#sample3 p').insertBefore( [$('#txt2'), $('#txt3'), $('#txt4')] );
});
});
</script>
<div id="sample2">
<p id="txt2">こんにちわ</p>
<p id="txt3">こんばんわ</p>
<p id="txt4">おはよう</p>
</div>
<div id="sample3">
<p>おやすみ</p>
</div>
selector.insertBefore( arr:array )
arr配列に格納されているセレクタの前にselectorを追加する。
こんにちわ
こんばんわ
おはよう
おやすみ
要素を追加する