how can i delete dynamic elements from My html page using Jquery?

Question

In above code i am able to add new row but cant delete added row by clicking Delete link. How can i do that?

In hobbies section i want to add hobbies by writing into text box and add hobby button and it should be reflected to label

        <label>Your Hobbies:</label>

and by clicking delete button it should be deleted.

How can i do that?

Please refer this link

as it works well but when i am adding school by typing school name and selecting year it will add new elements with same name. how can i create blank elements like this http://viralpatel.net/blogs/demo/dynamic-add-delete-row-table-javascript.html

How can i pass textbox value to the label in hobby section?

Argh. Yet another question asker who hasn't heard of .live(). — Bojangles
– Bojangles, Commented Oct 3, 2011 at 10:05
jsfiddle.net/NT4Zr/28 please find this link to answer my remaining question for add/delete hobby.. — Bhargav
– Bhargav, Commented Oct 3, 2011 at 10:15

Rafay · Accepted Answer · 2011-10-03 10:01:53Z

2

event handlers do not get attached to the dynamically added elements to the DOM try using live

 $('.deleteEl a').live("click",function () {

answered Oct 3, 2011 at 10:01

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

Comments

Jayendra · Accepted Answer · 2011-10-03 10:04:03Z

1

As the element does not exist when you bind the click event, it is not associated. You need live to bind the event to dynamic elements.

$('.deleteEl a').live('click', function () {
    $(this).parent().parent().remove();
});

answered Oct 3, 2011 at 10:04

Jayendra

52.8k4 gold badges83 silver badges90 bronze badges

John Keyes · Accepted Answer · 2011-10-03 10:05:53Z

1

$("#Education").delegate(".deleteEl a", "click", function(){
        $(this).parent().parent().remove();
});

answered Oct 3, 2011 at 10:05

John Keyes

5,6142 gold badges33 silver badges51 bronze badges