jQuery Select Dynamically Content

Question

I have a page which contain dynamic content.

<div id="content-1">
    <div id="subcontent-1"></div>
    <i id="delete-1"></i>
</div>
.
.
.
<div id="content-10">
    <div id="subcontent-10"></div>
    <i id="delete-10"></i>
</div>

How to select dynamic content with jQuery selectors and how to understand which content will be deleted I'm not sure and confused.

Need to understand which delete for clicked by user.

yes, normally I can do it with static content. But this time I am not sure which selector will be used? I mean which delete clicked — Mehmet, Jul 08 '15 at 06:06

score 1 · Accepted Answer · edited May 23 '17 at 12:21

In your markup, it will be easier to select elements if you can add a class to them like

<div id="content-1" class="content">
    <div id="subcontent-1"></div>
    <i id="delete-1" class="delete">i</i>
</div>

then use the class selector to register the event handlers

$(document).on('click', '.content .delete', function(){
    $(this).closest('.content').remove();
})

Event binding on dynamically created elements?

jQuery Select Dynamically Content

1 Answers1