お世話になります。
buttonクリックでinput要素を追加させた後に、
**その追加させたinputに対して$('input').on('input',function(){} **
というのはどのように仕掛ければいいのでしょうか?
html
1<div> 2<input type="text"> 3<button type="button">追加</button> 4</div> 5 6<script> 7// クリックでinput要素を追加 8$('button').on('click',function(){ 9 var add = $(this).closest('div').find('input').prop('outerHTML'); 10 $(this).closest('div').append(add); 11}); 12// input入力でアクション 13$('input').on('input',function(){ 14 console.log('Hello!'); 15}); 16</script>
このようなとき、「Hello!」が出るのは最初のinputへの入力だけで、後に追加された2番目3番目のinputに入力しても「Hello!」って出せませんよね…?
何か良い対処法はございますでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/31 09:35