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')

Answer 1

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

https://api.jquery.com/find/

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