javascript - 如何让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) ？

那个或具有相同功能的东西会很好。

请帮忙。

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');
    });