Home/ Questions/Q 6714561
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T08:30:36+00:00

<body> <div id=options> <p class=input> <input type=text/> <a class=remove >Remove</a> </p> <p class=input> <input

  • 0
<body>
<div id="options">
        <p class="input">
            <input type="text"/>
            <a class="remove" >Remove</a>
        </p>
        <p class="input">
            <input type="text"/>
            <a class="remove" >Remove</a>
        </p>
</div>
<a href = "#" id ="click" >Add Option</a>
</body>

And：

$(function() {
$("#click").click(function add_option(){
    var options = document.getElementById("options");
    var p=document.createElement("p");
    p.setAttribute("class","input");
    var input=document.createElement("input");
    input.setAttribute("type","text")
    options.appendChild(p);
    p.appendChild(input);               
    var a=document.createElement("a");
    a.setAttribute("class","remove");

    var text = document.createTextNode(" Remove");
    a.appendChild(text);
    insertAfter(a,input);//if exist insertAfter
              }
              )

$(".remove").click(function remove_option(){

$(this).parent().remove();  
}) 
})

when i click Add Option,it works,but when i click the remove of the newly added,it doesn’t remove .whether the $(“.remove”) selector have effects on it?(the initial two remove work).how to make the newly added elements work？

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try using it with .live()

    $(".remove").live("click",function(){    
$(this).parent().remove();  
});
    • 0