如何找到具有该类的元素不具有该类的元素的元素

Question

这可能听起来很棘手。您将更容易理解数据：

<div>
    <h1>
       <div class='nested ok selected'></div>
    </h1>
    <div class='ok selected'>
        <div class='ko selected'></div>
    </div>
    <div class='ok selected'></div>
</div>

我想选择所有selected类不是selected元素的子元素，无论它的深度如何。结果应与ok元素匹配。我主要是因为nested元素而斗争，否则它会非常简单。

有任何线索吗？

谢谢！

编辑：我无法更改HTML，ok，nested和ko选择器就在这里作为我的问题的澄清。

Answer 1

你可以这样做：

$(".selected:not(:parent(.selected))")

演示显示返回的元素数量：http://jsfiddle.net/3YU4B/

Answer 2

一种方法是获取所有选定的元素，而不是过滤掉另一个选定的元素

$('.selected').filter(function(){
   return $(this).parents('.selected').size() == 0
});

Answer 3

Fiddle

$(function(){
        $(".selected").each(function(){
           if($(this).parents(".selected").length==0)
           {
               console.log(this);
           }

        });
    });