追加された要素を選択できません

Question

練習中にこの問題が発生しました。あなたは、ボタンを動的に追加した

<button id="but">Кнопка 1</button> 

Answer 1

：のみ、このHTMLコードを有する

$('#but').click(function() { 
    $('#but').after('<button id="but2">Кнопка 2</button'); 
}); 
$('#but2').click(function() { 
    alert('something'); 
}); 

最近追加されたボタン番号2、およびカントコールアラートの方法を選択することはできません。直接クリックイベントは機能しません。

これを試してみてください：

$(document).on('click','#but2',function(){ 
    alert('something'); 
}); 

Answer 2

あなたhtmlStringはその終了タグの>を欠いている：

.after('<button id="but2">Кнопка 2</button'); 
             ^

とダイナミックな要素のためのイベントの委任を使用します。

あなたが使用することができます

$(document).on('click','#but2',function(){ 
    alert('something'); 
}); 

Answer 3

これで2番目のボタンを選択します

$('#but').eq(2).click(function() { 
    alert('something'); 
});