jQuery Clone table row

by

Your problem is that your insertAfter:

.insertAfter(".tr_clone")

inserts after every .tr_clone:

the matched set of elements will be inserted after the element(s) specified by this parameter.

You probably just want to use after on the row you’re duplicating. And a little .find(':text').val('') will clear the cloned text inputs; something like this:

var $tr    = $(this).closest('.tr_clone');
var $clone = $tr.clone();
$clone.find(':text').val('');
$tr.after($clone);

Demo: http://jsfiddle.net/ambiguous/LAECx/ or for a modern jQuery: http://jsfiddle.net/ambiguous/LAECx/3274/

I’m not sure which input should end up with the focus so I’ve left that alone.

More Related Contents:

  1. Is there a way to clone form field values in jQuery or javascript?
  2. When I make a draggable clone and drop it in a droppable I cannot drag it again
  3. Get selected element’s outer HTML
  4. Click button copy to clipboard
  5. jQuery get the rendered height of an element?
  6. Change the image source on rollover using jQuery
  7. How to fire AJAX request Periodically?
  8. How to position one element relative to another with jQuery?
  9. Submit form using AJAX and jQuery
  10. How to check if click event is already bound – JQuery
  11. Sort divs in jQuery based on attribute ‘data-sort’?
  12. Using JQuery Validate Plugin to validate multiple form fields with identical names
  13. Set selected option of select box
  14. $(document).on(‘click’, ‘#id’, function() {}) vs $(‘#id’).on(‘click’, function(){}) [closed]
  15. Remove text with jQuery
  16. Reset select2 value and show placeholder
  17. Jquery CSS and JS to limited elements [closed]
  18. Multiple search with multiplefields by default
  19. Twitter Bootstrap Datepicker within modal window
  20. Overriding !important with css or jquery
  21. Target elements by class prefix
  22. $(”) vs $(”) in jQuery
  23. What is the best practice for parsing remote content with jQuery?
  24. jQuery.post( ) .done( ) and success:
  25. JQuery .data() not working?
  26. jQuery validator plugin + ajax submitting not working
  27. How to add jQueryUI library in MVC 5 project?
  28. jQuery resize not working at FireFox, Chrome and Safari
  29. Jquery post and unobtrusive ajax validation not working mvc 4
  30. Detect user scroll down or scroll up in jQuery [duplicate]

Leave a Comment