tags:

views:

29

answers:

1
Q: 

jquery append and remove element problem

i have this code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test jQuery</title>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(function() {
$(".add").click(function() {
    $("#demos").append("<input type='text' size='20' name='txt[]'>  <a href='#' onClick='removeFormField(); return false;'>Remove</a>");

return false;
    });
});

    function removeFormField() {
    $(this).prev("input").remove();
    }


</script>

<body>
<a class="add" href="#">add</a>
<div id="demos"></div>


</body>
</html>

and when i press add its work good but when click remove its not remove anything

+1  A: 

You need to provide some element argument to your function:

function removeFormField() {
  $(this).prev("input").remove();
}

Currenlty, $(this) does not refer to anything. You should try something like this:

function removeFormField(elem) {
  elem.remove();
}
Sarfraz  2010-03-06 18:25:03

related questions

Communicating between websites (using Javascript or ?)
Javascript Unit-testing?
How can I return a variable from a $.getJSON function
Is there an "exists" function for jQuery
Why do I receive a q[num] error when aborting a jQuery queue pipeline?
How do I fire an event when a iframe has finished loading in jQuery?
How to compare html entity with JQuery
Problems while submitting a UTF-8 form textarea with JQuery/AJAX
How do I get the coordinates of the caret in text boxes?
SimpleModal breaks ASP.Net Postbacks
How would you handle errors when using jQuery.ajax() ?
Where is the best jQuery "plugins" library on the web?
Where can I learn jQuery? Is it worth it?
Keeping key value pairs together in HTML <select/> with JQuery?
How to set encoding in .getJSON JQuery
What is a selector engine?
Escaping HTML strings with jQuery
jQuery AJAX vs. UpdatePanel
What's the best way to code a desktop application-like menu bar in Javascript?
Dynamic Alphabetical Navigation
Scrolling Overflowed DIVs with JavaScript
How do I add a pre tag inside a code tag with jQuery?
Graph visualization code in javascript?
Wrapping lists into columns
Interview Questions for an Intern