JQuery|動的ラベルの作成
<div class="box">
<h3></h3>
버튼 클릭시 p태그를 생성하여 result1에 추가 <br>
<input type="button" value="확인" id="btn1" >
<div id="result1"></div>
</div>
<div class="box">
<h3></h3>
버튼 클릭시 img를 생성하여 result2에 추가 <br>
<input type="button" value="이미지 추가하기" id="btn2" >
<div id="result2"></div>
</div>
$(function(){
$('#btn1').on('click', function(){
ptag = $('<p></p>', {
'class' : 'pp',
'text' : '무궁화 꽃이 피었습니다',
'click' : function() {
$(this).css('background', 'lime');
}
});
$(ptag).appendTo($('#result1'));
});
$('#btn2').on('click', function(){
vimg = $('<img>', {
'src' : '../images/등대.jpg',
'alt' : '등대.jpg',
'click' : function(){
$(this).css('border', '2px solid blue');
}
});
$(vimg).appendTo($('#result2'));
});
});
Reference
この問題について(JQuery|動的ラベルの作成), 我々は、より多くの情報をここで見つけました https://velog.io/@0hyodorie0/JQuery-동적태그만들기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol