想要删除内部div的类当外部div和内部div具有相同的类

Question

<div class="test"> 
    <div class="test"> 
    <div class="test"> 
     Test Content 
    </div> 
    </div> 
</div> 

我想删除内部div的类测试。我能够用下面的代码做到这一点，但是在n级寻找更通用的方法。请指导我正确的方式来实现这一点。

<script> 
    $(document).ready(function(){ 
    // this will delete class test of level 1 
    $($(".test")[1]).removeClass('test'); 
    //or 
    // this will delete class test of level 2 
    $($(".test")[2]).removeClass('test'); 
    }); 
</script> 

Fiddle

Updated Fiddle仍然没有工作。

感谢

Answer 1

这应该工作：

$(function() { 
    $("div.test > div.test").removeClass("test"); 
}); 

它得到了div与test类，这是另一种div与test类的直系后裔，并删除其类。

你也可以把它的功能：

function removeDuplicateClass(cls) { 
    return $("div." + cls + " > div." + cls).removeClass(cls).length; 
} 

编辑：看到编辑后，这应该工作

function removeDuplicateClass(cls, level) { 
    // get all top level divs with that class 
    var parent = $("div." + cls).filter(function() { 
    return !$(this).parent().is("div." + cls); 
    }); 

    // build selector 
    var selector = []; 
    for (var i = 0; i < level; ++i) { 
    selector.push("> div." + cls); 
    } 

    // now remove class 
    return $(selector.join(" "), parent).removeClass(cls).length; 
}