JavaScriptで生成した要素をjQueryで操作するメモ
- January 15th, 2014
append()した要素にclickイベントを設定する
<div id="hoge"></div><!--この中にspanタグを追加する-->
<script type="text/javascript">
//<![CDATA[
$(function(){
// 要素を作成
var elm = $(document.createElement('span'));
// 要素の内容を指定
elm.html('SPANタグ');
// 要素の属性を指定
elm.attr({'data-number':1});
// 要素を追加
$('#hoge').append(elm);
// イベントの設定
elm.on('click', function(){
console.log($(this).data('number'));
});
});
//]]>
</script>- January 15th, 2014
