how can select all nodes with class "myClass" whose parent nodes don't have class "myClass".

for example, i have following HTML:

<div class="myContainer">
    <div class="myClass" id="d1"> 
        <div class="myClass" id="d2"></div>
        <div class="myClass" id="d4"></div>
    </div>
    <div class="myClass" id="d3"></div>
</div>

and i want to get a list of elements with ids "d1" and "d3"

actually, i'm trying to write a code that converts HTML from that example to a list with tabulations, such as:

d1
  d2
  d4
d3

(there can be more descedant nodes)

how can select all nodes with class "myClass" whose parent nodes don't have class "myClass".

for example, i have following HTML:

<div class="myContainer">
    <div class="myClass" id="d1"> 
        <div class="myClass" id="d2"></div>
        <div class="myClass" id="d4"></div>
    </div>
    <div class="myClass" id="d3"></div>
</div>

and i want to get a list of elements with ids "d1" and "d3"

actually, i'm trying to write a code that converts HTML from that example to a list with tabulations, such as:

d1
  d2
  d4
d3

(there can be more descedant nodes)

• javascript
• jquery

Share Improve this question Follow asked Oct 27, 2009 at 13:37 kipelovetskipelovets 1,21422 gold badges1313 silver badges1616 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

I have e up with a number of possible solutions. Maybe:

$(":not(.myClass) > .myClass")

Or if you want to look beyond the direct parent:

$(":not(.myClass) .myClass")

This might work also:

$(".myClass:has(:not(.myClass))")

A better solution for your exact example:

$(".myContainer > .myClass")