Question

I am using a polls plugin which generates the following HTML:

<div class="pane">
        <ul class="tabs">
            <li><a href="#">Best Local Blog</a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>

        <div class="pane"></div>
        <div class="pane"></div>
        <div class="pane"></div>
        <div class="pane"></div>
    </div>

    <div class="pane">
        <ul class="tabs">
            <li><a href="#">MISC tab</a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>

        <div class="pane"></div>
        <div class="pane"></div>
        <div class="pane"></div>
        <div class="pane"></div>
    </div>

This repeats on and on (depending on how many polls I have). I simply need a jQuery selector to select all of the divs with a class of pane that are children of the div class pane. (AKA, I need to just select the nested divs with a class of pane).

Can somebody help me out with the jquery selector to do this?

Answer 1

Or, you may be able to do:

$('div.pane > div.pane')