javascript - jQuery Select Dynamically Content -

i have page 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 select dynamic content jquery selectors , how understand content deleted i'm not sure , confused.

need understand delete clicked user.

in markup, easier select elements if can add class them like

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

then use class selector register event handlers

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

• event binding on dynamically created elements?