Get child elements from a parent but not first and last

Question

I would like to know how could I write a jQuery selector that get all children from a parent element except first and last child?

Example of my current HTML:

<div id="parent">
    <div>first child( i don't want to get)</div>
    <div>another child</div>
    <div>another child</div>
    <div>another child</div>
    (...)
    <div>another child</div>
    <div>another child</div>
    <div>last child (i dont want to get neither)</div>
</div>

Answer 1

Like this:

$('#parent > div:not(:first, :last)');

Answer 2

You can do this:

$('#parent div').not(':first').not(':last')

Or

$('#parent').children().not(':first').not(':last')

Here not method will filter out first and last elements from the selector.

More Information:

• http://api.jquery.com/not/