Home/ Questions/Q 7910263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T12:48:22+00:00

How can I select each and everything on a page except a particular div

  • 0

How can I select each and everything on a page except a particular div using jQuery?

Actually I am trying to fade the rest of background on popup of a particular div.
But the problem is that not everything is inside some div. Few elements don’t have any parent div.

<body>
    12345

    <div id='second_div'>
       XXXXXX
    </div>

    56789

    <div id='popup'>
       AAAAA
    </div>
</body>

I am using code below but this is not fading content which don’t have a parent div(i.e 12345 and 56789). It is only fading content of ‘second_div'(i.e. XXXXXX ).

$('body > div:not(#popup)').css("opacity",'0.7');

Please guide me on how to do this using jQuery.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you are looking for this:

    $("body > *").not('#popup').css("opacity", '0.7');

    The reason this works is because it selects all the direct descendants of body and then removes all direct descendants that have an id of popup.

    • 0