jQuery:检测元素是否存在

not 和 has

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

你可以去找吗?

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

:修复了问题的“不相关”。

根据您的要求,这只会附加 <span> 如果 #listItem 尚未包含 <跨度> 用一个 class 属于 greenCheckMark .

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

$('.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>');
    } 
}); 

好的,经过几次编辑,这应该是你要找的。

$("#listItem span.greenCheckMark").length != 0 将返回JQuery对象数组,如果该区域的长度不等于0,则该区域存在。一定要特别检查要检查的地方( $("span.greenCheckMark").length