jQuery selecting and exclude an element inside a div

Question

I'm trying to get all the next html code and excluding the DIV with ID=fiscal-address-info using jquery. I started using filter method but no lucky.

This is the original snippet code.

<div id="fiscal-info" class="content-fields">
    <div class="content-title"><h2>Datos Fiscales</h2></div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div id="fiscal-address-info">
    <div class="row">...</div>
    <div class="row">...</div>
</div>

What I'd like to get is:

<div id="fiscal-info" class="content-fields">
    <div class="content-title"><h2>Datos Fiscales</h2></div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div class="row">...</div>
</div>

This is what I've tried:

$('#fiscal-info').filter('#fiscal-address-info');

Answer 1

You can use the filter method and using a not selector:

$("#fiscal-info").children().filter(":not(#fiscal-address-info)")

This return you all the fiscal-info children ,except the excluded one.

Answer 2

You can use the .not() method or :not() selector

http://api.jquery.com/not-selector/

Code based on your example:

$('div#fiscal-info div').not("#fiscal-address-info");

Have a look into this fiddle