jQuery remove class from UL hierarchy except for

Question

See fiddle: http://jsfiddle.net/3mpire/yTzGA/1/ Using jQuery how can I remove the "active" class from all LIs except for the one furthest (deepest) from the root? ```

``` This is the desired result: ```

Lorem ipsum
Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
  - Lorem ipsum
  - Lorem ipsum
- …

Accepted Answer

Note: This assumes that there is only a single path from the root to the deepest `.active` element, which contains all `.active` Elements under that root (i.e. no branching). If that cannot be guaranteed, then this solution won't work.

```
$('.navpole .active').slice(0, -1).removeClass('active');
```

Since the order of the selected elements is the order in which their appear in the document, the "deepest" element is inevitably the last one, so we have to remove the class from every selected element, but the last one.

DEMO

jQuery remove class from UL hierarchy except for

Solution

Problem