jQuery: detectar si el elemento existe

Question

En mi código tengo el siguiente html que se agrega a un elemento de la lista cuando el usuario hace clic en un elemento específico.

<span class="greenCheckMark"></span> 

Usando jQuery, ¿cómo puedo detectar si existía el elemento, y si es así, no añadir otra marca de color verde?

$('.clickedElement').live('click',function(){ 
//does the green check mark exist? if so then do nothing, else 
$('#listItem).append('<span class="greenCheckMark"></span>'); 
}); 

Answer 1

Uso not y has

$('#listItem:not(:has(.greenCheckMark))') 
    .append('<span class="greenCheckMark"></span>'); 

Answer 2

$('.clickedElement').live('click',function(){ 
    //does the green check mark exist? if so then do nothing, else 
    if($("#listItem span.greenCheckMark").length != 0) 
    { 
     $('#listItem').append('<span class="greenCheckMark"></span>'); 
    } 
}); 

bien, después de algunos cambios, esto debe ser lo que estás buscando.

$("#listItem span.greenCheckMark").length != 0 devolverá una matriz de objetos JQuery, si esa área tiene una longitud no igual a 0, entonces existe. Asegúrese de verificar específicamente dónde desea verificar ($("span.greenCheckMark").length revisará todo el documento en busca de marcas verdes).

Answer 3

Se podía buscarlo?

($('.greenCheckMark', '#listItem').length > 0) ? /* found green check mark in #listItem */ : /* not found */ ; 

EDITAR: Fijo "no-relación a la pregunta.

Answer 4

según sus necesidades, esto sólo añadirá los <span> en el caso de que #listItem no contiene ya un <span> con un class de greenCheckMark.

var listItem = $('#listItem'); 
if (!listItem.find('span.greenCheckMark')[0]) { 
    listItem.append('<span class="greenCheckMark"></span>'); 
}