「jQuery」append()でオブジェクトを追加するサンプル
1.htmlコード
<div>
<ul>
<li>A001</li>
<li>B002</li>
</ul>
<p>123</p>
</div>
<button type="button" id="regTest">登録</button>
<div>
<ul>
<li>A001</li>
<li>B002</li>
</ul>
<p>123</p>
</div>
<button type="button" id="regTest">登録</button>
<div> <ul> <li>A001</li> <li>B002</li> </ul> <p>123</p> </div> <button type="button" id="regTest">登録</button>
2.htmlコンテンツを追加
$("regTest").click(function(){
$cft ='<p>11222</p>';
$('div').append($cft);
$('ul').append($('<li>'));
}
);
$("regTest").click(function(){
$cft ='<p>11222</p>';
$('div').append($cft);
$('ul').append($('<li>'));
}
);
$("regTest").click(function(){ $cft ='<p>11222</p>'; $('div').append($cft); $('ul').append($('<li>')); } );