1

これは私が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ボタンをクリックしても、以前に追加した行(tr)が削除されません。special offer次のような別のイベントメソッドを試しましたliveがon、何も機能しません。

4

1 に答える 1

0

これを見てください（アイデアが得られるかもしれません）

$(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");
    });
});

デモ。

これも役に立ちます。

于 2012-11-19T08:09:17.333 に答える