jQuery: Rileva se esiste un elemento

Question

Nel mio codice ho il seguente codice HTML che viene aggiunto ad un elemento di elenco quando l'utente fa clic su un elemento specifico.

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

utilizzando jQuery, come faccio a rilevare se l'elemento esisteva, e in caso affermativo, non aggiungere un altro segno di spunta 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

Usa not e 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>'); 
    } 
}); 

Va bene, dopo un paio di modifiche, questo dovrebbe essere quello che stai cercando.

$("#listItem span.greenCheckMark").length != 0 restituirà una matrice di oggetti JQuery, se quell'area ha una lunghezza diversa da 0 allora esiste. Assicurati di controllare specificamente dove vuoi controllare, ($("span.greenCheckMark").length controllerà l'intero documento per i segni di spunta verdi).

Answer 3

Si potrebbe semplicemente cercarlo?

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

EDIT: Fisso 'un-relazionalità' mettere in discussione.

Answer 4

Come per le vostre esigenze, questo aggiungerà solo la <span> nel caso in cui #listItem non contiene già un <span> con un class di greenCheckMark.

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