How to delete created element via JQUERY?

Question

        $(function(){
            var namecounter = 0
            $("#getitem").click(function(){
                namecounter++
                var txtval = $("#txt").val();
                $('<tr><td><input type="button" name="txt'+ namecounter +'" value="remove" /><input type="text" id="txt'+ namecounter +'a" name="txt'+ namecounter +'a" value="'+txtval+'"/></td><td></td><td></td></tr>').appendTo('#pasok');
            });
            $(":button[name^='txt']").click(function(){
                var currentValue = $(this);
                var target = $("#" + currentValue.attr("id") + "a");
                $(target).remove();
            });
        });

Nick Craver · Accepted Answer · 2010-11-24 09:46:00Z

2

Your button doesn't have an id attribute, it has a name attribute (both of which are also a directly accessible DOM properties), so you can do this:

$(function(){
    var namecounter = 0
    $("#getitem").click(function(){
        namecounter++
        var txtval = $("#txt").val();
        $('<tr><td><input type="button" name="txt'+ namecounter +'" value="remove" /><input type="text" id="txt'+ namecounter +'a" name="txt'+ namecounter +'a" value="'+txtval+'"/></td><td></td><td></td></tr>').appendTo('#pasok');
    });
    $("#pasok").delegate(":button[name^='txt']", "click", function(){
        $("#" + this.name + "a").remove();
    });
});

You can test it out here.

Also note the use of .delegate() so it works on the buttons you're adding, not just the ones that were there when your document.ready function ran.

edited Nov 24, 2010 at 9:46

answered Nov 24, 2010 at 9:39

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mathias Bynens Over a year ago

You probably need a space before the a though. "a" → " a"

Jules Colle · Accepted Answer · 2010-11-24 09:39:00Z

1

your target variable is already a jquery object. So you should change $(target).remove(); to target.remove();

answered Nov 24, 2010 at 9:39

Jules Colle

12k9 gold badges67 silver badges74 bronze badges

1 Comment

Mathias Bynens Over a year ago

That’s a good optimization, but sadly that can’t be the reason why his code breaks. Stuff like $($($($($('body'))))) still works; it’s just REALLY bad for performance.

Collectives™ on Stack Overflow

How to delete created element via JQUERY?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related