JQueryのappendで書き加えたHTMLが選択されたらClassを書き加えたい

Question

実現したいこと

掲題の通り、JQueryのappendで書き加えたHTMLが選択されたらClassを書き加えたいです。
下記の該当ソースコードようにしてHTMLタグを追加しましたが、

$('select[name="number2"]').on('change',function(){});

のような書き方では動作しないところまでは分かりました。

該当のソースコード

$('#div_number2').append('建物名<div class=""><select name="number2" class="v_required"><option value="">選択してください</option><option value="マンション1">マンション1</option><option value="マンション2">マンション2</option><option value="マンション3">マンション3</option></select></div>');

試したこと

第2引数を指定すればできるような記事を見て下記のようにしてみましたが、よく理解しないまま書いているせいか動作しません。
ヒントを頂ければ幸いです。

$('select[name="number2"]').on('change','select[name="number2"]',function(){

Answer 1

$(document)のonを使います

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(function(){
  $(document).on('change','select[name="number2"]',function(){
    alert('changed!');
  });
  $('#div_number2').append(`
<select name="number2" class="v_required">
<option value="">選択してください</option>
<option value="マンション1">マンション1</option>
<option value="マンション2">マンション2</option>
<option value="マンション3">マンション3</option>
</select></div>`);
});
</script>
<div id="div_number2"></div>

参考

ちなみにjsで書くならこう

<script>
document.addEventListener('change',({target})=>{
  if(target.closest('#div_number2')){
    alert('changed!');
  }
});
window.addEventListener('DOMContentLoaded', ()=>{
document.querySelector('#div_number2').insertAdjacentHTML('beforeend',`
<select name="number2" class="v_required">
<option value="">選択してください</option>
<option value="マンション1">マンション1</option>
<option value="マンション2">マンション2</option>
<option value="マンション3">マンション3</option>
</select></div>`);
});
</script>
<div id="div_number2"></div>

Comments

[igarashi1020]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。