<script>
$(function(){
$('#btn0').click(function(){
$('<li class="green"></li>').replaceAll( $('#sample0 .red') );
});
});
</script>
<body>
<div id="sample0">
<ul>
<li class="red"></li>
<li class="red"></li>
<li class="blue"></li>
<li class="red"></li>
<li class="red"></li>
</ul>
</div>
</body>
$('置換コード').replaceAll( selector )
指定したselectorの要素を'置換コード'に置き換える。
置換する
<script>
$(function(){
$('#btn1').click(function(){
$('<li class="green"></li>').replaceAll('#sample1 .red');
});
});
</script>
<body>
<div id="sample1">
<ul>
<li class="red"></li>
<li class="red"></li>
<li class="blue"></li>
<li class="red"></li>
<li class="red"></li>
</ul>
</div>
</body>
$('置換コード').replaceAll( id/class:string )
指定したselectorの要素を'置換コード'に置き換える。
置換する
<script>
$(function(){
$('#btn2').click(function(){
$('<li class="green"></li>').replaceAll(['#sample2 .red','#sample2 .blue']);
});
});
</script>
<body>
<div id="sample2">
<ul>
<li class="red"></li>
<li class="red"></li>
<li class="blue"></li>
<li class="red"></li>
<li class="red"></li>
</ul>
</div>
</body>
$('置換コード').replaceAll( arr:array )
arrに格納されたselectorの要素を'置換コード'に置き換える。
置換する