javascript - 无法删除DOM

上面的图片是我正在处理的。单击任何空正方形时，应将值附加到$("#captureAvail")和$("#captureAvail2")。同时必须有一个使正方形变为绿色的类。该类称为“ green2”。现在，当再次单击该项目或删除“ green2”类时，我无法成功删除该元素。请帮我。下面是我的代码。当我添加以下行：$("#captureAvail").remove("<input type='hidden' name='avail[]' value='"+thisValue+"'>");时，我发现正方形变得不可点击。下面是我的脚本。

$("#greeny td:not(:first-child)").on("click",function()//prevent the first column to be clickable
       {
          //alert($(this).text());
           var thisValue = $(this).text();
           //
           if($(this).hasClass('green2'))
           {
               $(this).removeClass('green2');
                $("#captureAvail").remove("<input type='hidden' name='avail[]' value='"+thisValue+"'>");
                $("#captureAvail2").remove("<input type='hidden' name='avail[]' value='"+thisValue+"'>");
           }else
           {
               $(this).addClass('green2');
                $("#captureAvail").append("<input type='hidden' name='avail[]' value='"+thisValue+"'>");
                $("#captureAvail2").append("<input type='hidden' name='avail[]' value='"+thisValue+"'>");
           }

           //$(this).toggleClass("green2");
           //

           //$("#captureAvail").css("background-color","#ff0000");
       });

最佳答案

remove()方法在您使用时不起作用。它使用选择器作为参数，而不是HTML字符串，尽管您不需要这种情况。尝试这个：

$("#captureAvail").find('[value="' + thisValue + '"]').remove();
$("#captureAvail2").find('[value="' + thisValue + '"]').remove();