Jquery selector - multiple classes/nested level?

Question

How do I select the following in JQuery?

<div class='A'>
  <span class='B C'>
     <p class='C D E'>
     </p>
  </span>
</div>

The following isn't working.

$('div.A > span.B.C > p.C.D.E')

Read the CSS Selectors, Level 3 spec, and the jQuery API documentation, and come back if you have any problems, after showing an actual attempt (not just "thinking about" one), and explaining the problem. Also: explain what you're trying to select. — David Thomas
– David Thomas, Commented Feb 28, 2016 at 14:28
Which element are you attempting to target? The + selector wouldn't appear to be appropriate in this case as it selects siblings, not children. — Rory McCrossan
– Rory McCrossan, Commented Feb 28, 2016 at 14:31

J. Titus · Accepted Answer · 2016-02-28 14:28:32Z

1

You could do $('.A').find('p.C')

.find() : Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.

answered Feb 28, 2016 at 14:28

J. Titus

9,7201 gold badge37 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

It would be great if the people down-voting could leave a reason why.