JQuery 操作tr的添加、删除问题!

发布网友发布时间：2022-04-23 18:57

共2个回答

热心网友时间：2022-04-20 08:51

可以换个方式来实现，测试可行：

<!DOCTYPE html>
<html>
  <head>
    <title>demo</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $(".aa").click(function(){
                var v = $(this).attr("value");
                if(v == 1){
                    $(this).parents("tr").after('<tr class="tools"><td>3<button class="bb">bb</button></td></tr>');
                    $(this).attr("value","0");
                }else{
                    $(".tools").remove();
                    $(this).attr("value","1");
                }
            });
        });
    </script>
  </head>

  <body>
      <table>
          <tr><td>1</td></tr>
          <tr><td>2<button class="aa" value="1">aa</button></td></tr>
          <tr><td>4</td></tr>
      </table>
  </body>
</html>

热心网友时间：2022-04-20 10:09

/*试试删除改成这个*/
$(document).on("click",".bb",function(){
        $(".tools").remove();
        $(this).removeClass("bb").addClass("aa");
        })