Jquery find if item exists

You can use $item.length to determine how many elements match $item, and use that in an if statement to be sure that it's greater than 0

if ($item.length > 0) {
  var copy = .....
}

Select allOpen in new window

Can you show my in my example code?

Thanks!

I did give it a spin, but $item.length is always 1 - I want to see if that item already exists in the droppable and if so, do not run the var copy code...

Can you post some more code, so I can see how this snippet is being used?  I assume that the '$item' that you want to check is the parameter that's passed into the deleteImage2 function?  What exactly is passed to that parameter?  Is it an object, or just a JQ selector?

Sure thing!

Here is where I call this snippet:

	// let the trash be droppable, accepting the gallery items
					$trash.droppable({
						accept: '#gallery > *',
						activeClass: 'ui-state-highlight',
						drop: function(ev, ui) {
							deleteImage2(ui.draggable);
							ajaxpack.getAjaxRequest("saveme.asp", "itemid="+ui.draggable.attr("id")+"&itemloc=5&taggerid=<%=visitorid%>", processGetPost, "txt");
 
						}
					});

Select allOpen in new window

Ah, OK, $item.length will also return 1 because it's always being passed exactly one object..that makes sense.  So it looks like each element has a unique ID, which should be the same after it's cloned.  So we can check and see if there's an element w/ that ID in the droppable element.  Let's see if this works; it should only run the code if the item doesn't already exist.

function deleteImage2($item) {
  if ($('#' + $item.attr('id')).length == 0) {
    var $list = $('ul',$trash).length ? $('ul',$trash) : $('<ul class="gallery ui-helper-reset"/>').appendTo($trash);
  
    var copy = $item.clone();
    copy.append(recycle_icon)
    copy.draggable({
 
            cancel: 'a.ui-icon',
            revert: 'invalid',
            helper: 'clone',
            cursor: 'move'
    });
    copy.appendTo($list).fadeIn(function() {
 
            copy.animate({ width: '48px' }).find('img').animate({ height: '36px' });
            copy.find('a.ui-icon-check').remove();
 
    });
    $('ul.gallery > li').click(function(ev) {
            var $item = $(this);
            var $target = $(ev.target);
 
            if ($target.is('a.ui-icon-refresh')) {
                    recycleImage($item);
            }
            return false;
    });
  }
}

Select allOpen in new window

Thanks! I'll give it a spin first thing tmr.! You are awesome, thank you so much!

Boooyah!!! That was the trick, thank you!

I've learned how to do this for my other objects too, so double-thanks!!!!!