Reputation: 451

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

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?

Upvotes: 0

Answers (3)

Reputation: 5604

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

Upvotes: 1

Reputation: 52769

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();
});

Upvotes: 1

Reputation: 31033

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

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

Upvotes: 2