javascript - 新しく作成されたhtml要素についてjsに知らせる方法

Question

私はjsで新しいhtml要素を作成しています。

$('#write_comment').on('click',function(){
  $(this).html('<textarea> </textarea><button onclick="test()">save</button>');
});

function test(){
 alert('testme');
}

しかし、これらtextareaとbuttonが作成された後、をクリックしてsaveも何も起こりません。

私が言えるjquery関数はありますか？(newly_created_element).find(js_function)?

それまたは同じ機能を持つ何かがあればいいでしょう。

助けてください。

Answer 1

$('#write_comment').on('click',function(){
  $(this).html('<textarea> </textarea><button id="test">save</button>');
});

$('body').delegate('#test','click',function(){
 alert('testme');
});

クラスの使用

$('#write_comment').on('click',function(){
      $(this).html('<textarea> </textarea><button class="test">save</button>');
    });

    $('body').delegate('.test','click',function(){
     alert('testme');
    });

Answer 2

ボタンを個別に作成します。

$('#write_comment').on('click',function(){
  var myButton = $('<button>save</button>').click(function() {
    test();
  });
  $(this).html('<textarea></textarea>').append(myButton);
});

Answer 3

$('#write_comment').on('click',function(){
  $(this).html('<textarea> </textarea><button class="NewlyAdded">save</button>');
});

$(document).onのように、.live()またはdelegate()多くの方法で動作します。また、後で追加される要素に対しても機能します。

$(document).on('click','#write_comment button.newlyAdded',function()
{
  alert('testme');
});