Question

I am trying to find the DIV within another DIV id.

<div id="container1">
    <div class="inside">
    </div>
</div>

<div id="container2">
    <div class="inside">
    </div>
</div>

Notice there are 2 DIVs with the class “inside”. I am trying to select the one within a specific container.

When there is only 1 set of containers, this works:

$carousel_container = $(carousel).find(".inside"); 

However, when I define the parent ID, then try to select the inside div, it does not work:

$carousel_container = $(carousel).find("#" + o.theid + " .inside"); // where o.theid = container1 or container2

Answer 1

Try

$(carousel).find("#" + o.theid + " > .inside");

Where > means child of.