Question

晚上好。我有一个非常随机的问题，我似乎无法超越，这让我感到沮丧。我基本上从我的另一个页面中修改了工作的HTML / PHP / jQuery代码，修改了字段名称等等，并将其松散。我有一个“添加行”按钮，动态地向我的表添加一个输入行，每次迭代递增一个计数器变量，该变量被添加到字段名称，以确保唯一性。该行还包含一个“删除行”按钮，这是一个奇怪的行为。

如果我打开我的页面，请单击“添加行”10次，我可以在我的textarea中将它们标记为1-10。每次单击都会删除相应的行...除了我尝试删除的最后一行。我可以点击删除按钮，直到我的手指抽筋 - 没有区别。这是我的jQuery代码：

$(document).ready(function() {
    $('#addrow').click(function() {
        var count = $('#progyrgoals tr').length;
        var ID = count + 1;
        var tdclassnum = ID % 2;
        if (tdclassnum == 1) {
            tdclass = "td1";
        } else {
            tdclass = "td2";
        }

        $.post("/jqf/progyroutcomegoals_processajax.php", function(data) {
            //alert( "Data Loaded: " + data );
            $('#progyrgoals').append('<tr id="' + ID + '"><td class="' + tdclass + '"><select name="progyr' + ID + '"><option value="0">-- Select --</option>' + data + '</select><br /><button  type="button" class="dbutton" title="Delete Row">X</button></td><td class="' + tdclass + '"><textarea class="txta6" name="desc' + ID + '"></textarea></td></tr>');
        });
        $(".dbutton").bind("click", Delete);

        function Delete() {
            var par = $(this).parent().parent();
            par.remove();
        };
    });
});

我做的事情显然是错的吗？

（（我试着硬编码到JSFiddle代替我的变量等等 - 这是不行的。我在这里完成的工作可以在这里看到：https://jsfiddle.net/TheJester1977/855toqps/））

jQuery按钮.on点击删除无法正常工作

0 个答案: