append later not remove

Question

<div class="cast">
   <p id="addnew">
      <input type="text"><b id="add">ADD</b>
  </p>
</div>

$(document).ready(function(){
    $("#add").click(function(){
        $("#addnew").append("<p><input type=\"text\"><u id=\"del\">delete<u></p>");
    });
    $('#ab').click(function(){
       alert(); 
    });
});

I clicked #add. Append <p><input type=\"text\"><u id=\"del\">delete<u></p> later click #del. No function.

I have two ajax functions. Call PHP include html code

you have to add the event after you append the input and change the selector to del. https://jsfiddle.net/u457sy18/1/ — Romeo Sheshi, Mar 24 '16 at 10:08

score 0 · Accepted Answer · answered Mar 24 '16 at 10:00

0

You should use on to bind your del click event :

$(document).on("click","#del", function(e) {
...
});

You can find the documentation on on here :http://api.jquery.com/on/

answered Mar 24 '16 at 10:00

Quentin Roger

6,410
2
23
36

append later not remove

1 Answers1