Comments on: Add and Remove items with jQuery

By: Biju Subhash

Biju Subhash — Thu, 22 Sep 2011 13:40:52 +0000

thank you for sharing.. .

By: harry

harry — Thu, 30 Dec 2010 19:15:33 +0000

how would i go about assigning an id to a list of elements?

By: JD

JD — Sat, 13 Nov 2010 15:59:37 +0000

You’ll probably just want to delete all of those repeats.

But anyways, the modification I’m using is:

$(‘

Username ‘ + i + ‘:

’).animate({ opacity: “show” }, “slow”).appendTo(‘#inputs’);

Lo siento, apologies Mário.

By: JD

JD — Sat, 13 Nov 2010 15:53:32 +0000

Ha, must be wordpress killing the input. Here it is one last time:

$(‘{}Username ‘ + i + ‘: {}{}’).animate({ opacity: “show” }, “slow”).appendTo(‘#inputs’);

By: JD

JD — Sat, 13 Nov 2010 15:51:13 +0000

Apologies for some reason my comment appears incorrectly,

$(‘Username ‘ + i + ‘: ‘).animate({ opacity: “show” }, “slow”).appendTo(‘#inputs’);

should be:

$(‘Username ‘ + i + ‘: ‘).animate({ opacity: “show” }, “slow”).appendTo(‘#inputs’);

By: JD

JD — Sat, 13 Nov 2010 15:48:29 +0000

Really like your little script here. I’ve been working on using for myself, but was wondering if you knew of a way to focus() on a particular input after adding a row. I already have unique ID’s/names worked out and what I’m trying to do is check the field with javascript and then say for example it is blank, refocus on the field.

Here’s the modification I’m using:

$(‘Username ‘ + i + ‘: ‘).animate({ opacity: “show” }, “slow”).appendTo(‘#inputs’);

$(‘#user4′).focus(); works but only within
$(‘a.add’).click(function() { …
and obviously I have to validate the field first.

Very confused because after validation I take the name of the field that is passed through the checkl() via onblue and tried this:
document.getElementById(name).focus(); // doesn’t work
document.getElementById(name).style.backgroundColor=”#72A4D2″; // works just fine!

Any ideas on how to focus() would be appreciated. Thanks again for the script.

By: Mario Andrade

Mario Andrade — Sun, 04 Jul 2010 13:46:28 +0000

I guess you just need to give a unique ID or Class to the element you want to remove. Give it some unique way of identify it and use it with the .remove function:

So if you element is called foo use $(‘foo’).remove

By: Onion

Onion — Sun, 04 Jul 2010 13:08:52 +0000

Hi, nice simple tutorial, thanks for that.
I’m looking for one a slight bit more complicated where you can remove specific items, your “remove” button will always remove the last in the list. Can you recommend a good tutorial?

By: Andar Sevenfold

Andar Sevenfold — Fri, 14 May 2010 18:19:52 +0000

how can I add the submit button and write the value at the field?

By: Lucas

Lucas — Mon, 03 May 2010 07:22:05 +0000

Nice and easy, but it’s not working correctly in IE (tested in IE 7).