Select Child Elements $("parent > child")

This jQuery selector selects elements that match child selector & are direct children of elements matching parent selector.

$("parent > child")

e.g. $("div > p")

$("parent > child") selects direct child elements within parent matching given selector.

For example, $("div > p") will find all child <p> within parent <div>
<div>
  <p>
  <p>
</div>

Code: Find all "child" elements <div class="circle"> within "parent" <div>

HTML
//CSS classes
.circle{ ... }
.square{ ... }

<div>
    Shape Box 1
    <div class="circle">circle</div>
    <div class="square">square</div>
</div>

<div>
    Shape Box 2
    <div class="circle">circle</div>
    <div class="square">square</div>
</div>
jQuery code
$("div > .cirlce"); // selects elements where parent is div & child class='cirlce'
Demo

Shape Box 1
circle
square
Shape Box 2
circle
square
jQuery selector $("parent > child")