jQuery - on('click') event doesn't work on dynamic objects

Question

<ul id="listaAtributos" class="editable isAtribute">
      <li>Atributo 1<i class="js-remove">✖</i></li>
      <li>Atributo 2<i class="js-remove">✖</i></li>
      <li>Atributo 3<i class="js-remove">✖</i></li>
    </ul>

$('#listaAtributos').append('<li>Atributo<i class="js-remove">✖</i></li>')

$('.js-remove').on('click', 'js-remove', function(){
$(this).parent().remove() })

this code doesn't work, someone tell me why?

Use like this.. http://jsfiddle.net/p8wnrkg5/ – Rajaprabhu Aravindasamy Nov 03 '14 at 10:00 — Rajaprabhu Aravindasamy, Nov 03 '14 at 10:00

score 0 · Accepted Answer · answered Nov 03 '14 at 09:58

0

Bind event to the parent element which has already been present on the dom

$('#listaMetodos').on('click', '.js-remove', function(){

answered Nov 03 '14 at 09:58

Anoop Joshi P

25,373
8
32
53

$('#listaAtributos').append('
Atributo✖

Lucas Souza

Nov 03 '14 at 10:04

what is not working? appending or removing? – Anoop Joshi P Nov 03 '14 at 10:15

jQuery - on('click') event doesn't work on dynamic objects

1 Answers1