「jQuery」append()でオブジェクトを追加するサンプル

2021年2月19日

1.htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<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コンテンツを追加

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
$("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>'));
 }
);

 

jQuery

Posted by arkgame