jquery - 在新添加的元素上应用事件处理程序

Question

这是我在 jquery 中尝试的代码。

$(document).ready(function()
{

$("#button1").bind("click", function(){
  $("tr:contains('Clothing')").after("<tr><td colspan='4' class='special'>Special offer!!!</td></tr>");  
  });

$("#removeit").live('click', function(){

  $(".special").remove();

  $("p").text("its remove");


  });

  $("#removeit").trigger("click");

});

问题：当我单击#removeit按钮时，它不会删除special offer我之前添加的行（tr），我尝试了不同的事件方法，例如：live，on但没有任何效果。

Answer 1

看看这个（也许它会给你一个想法）

$(document).ready(function()
{
    $("#button1").on("click", function(){
        $("tr:contains('Clothing')")
        .after("<tr><td colspan='4' class='special'>Special offer!!!</td><td><button class='removeit btn btn-mini'>Remove</button></td></tr>");  
    });

    $('.myTable').on('click', '.removeit', function(){
        $(this).closest('tr').remove();
        $("p#msg").text("it\'s removed");
    });
});

演示。

这也可能会有所帮助。