如何讓js知道新創建的html元素

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)？

或者具有相同功能的東西會很好。

請大家幫忙。在許多方面

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

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

創建按鈕seperately。並且將用於稍後添加的元素。

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

Answer 3

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

$(document).on行爲就像.live()或delegate()：