Demo: Adding/Removing Items

Demos > Adding/Removing Items

Doubleclick Item to remove.

Source

<div id="persons">
	<div class="item"><span class="first">First</span> <span class="last">Last</span></div>
</div>
<div>
	<input id="input-first" type="text" />
	<input id="input-last" type="text" />
	<input type="button" value="add" onclick="add();" />
</div>

$('#persons')
	.items([
		{first:'Isaac', last:'Newton'},
		{first:'Johannes', last:'Keppler'},
		{first:'Alessandro', last:'Volta'},
		{first:'Blaise', last:'Pascal'}
	])
	.chain(function(root){
		this.dblclick(function(){
			$(this).item('remove');
		});
	});

function add()
{
	$('#persons').items('add', {
		first: $('#input-first').val(),
		last: $('#input-last').val()
	});
}