JQuery selezionare tutto tranne un elemento

[battax]

Ho la necessità di selezionare tutti gli elementi della pagina tranne quelli appartenenti ad un div. Ho provato (tra i tanti tentativi) con il seguente codice:

$('body').children().not('div#not_selected').fadeTo('slow', 0.2);

ma il "not" non funziona e la selezione prende tutti gli elementi della pagina.
Come si può risolvere il problema?

[ganesha]

il :not() non è un metodo, è un selector e va usato diversamente, tipo così:

$('body').children(":not(div#not_selected)").fadeTo('slow', 0.2);

[Vindav]

prova cosi:

$("*:not(div#not_selected)")

[battax]

Grazie per le risposte, ma purtroppo il problema persiste.

$('body').children(":not(div#not_selected)").fadeT o('slow', 0.2);

In realtà esiste anche il metodo not, comunque ho provato ad usare il codice postato ma il risultato non cambia, anzi ho scoperto un nuovo "bug": se come selettore CSS uso '#not_selected' il not non funziona come ho descritto prima (selezione di tutto), mentre se uso 'div#not_selected' non mi seleziona nulla.

$("*:not(div#not_selected)")

Il problema di questo è che funziona troppo ... prende tutti gli elementi della pagina, anche quelli dell'head (come script e metatag).

[Vindav]

Il problema di questo è che funziona troppo

è cio che avevi specificato nel titolo, cmq puoi provare con uno di questi 2 metodi:

$("*:not(div#not_selected)","body")

$("body > *:not(div#not_selected)")

[battax]

Originariamente inviato da Vindav
è cio che avevi specificato nel titolo, cmq puoi provare con uno di questi 2 metodi:

Hai perfettamente ragione... potevo essere più preciso!

Purtroppo anche gli ultimi due esempi non hanno avuto successo:
- il primo riconosce il primo elemento del div da "saltare" ma tralascia il resto del contenuto e, soprattutto, modifica il resto della pagina (alcuni elementi spariscono ed altri non viene eseguita l'azione)
- il secondo si comporta esattamente come i primi esempi

Appena appare un ":not" o un ".not()" qualcosa si "inceppa"

[ganesha]

hai ragione esiste anche il metodo

ho provato a fare una prova con questo codice:

$("body *").not("div#not_sel").fadeTo('slow', 0.2);

e a me funziona.

[Vindav]

a me funziona anche questo:

$("body > *:not(div#not_selected)")

Forse dipende dalla tua pagina...

[battax]

Originariamente inviato da Vindav
Forse dipende dalla tua pagina...

Lo penso anche io... il mio codice HTML incriminato è il seguente.
(Il link commentato serve e viene aggiunto da javascript).
Di fatto deve essere fatto il fade su tutta la pagina tranne sul contenuto del div#peopleList sul quale agirò a parte. Alla fine dei giochi deve rimanere senza fade solo l'elemento attivo (sul quale è stato eseguito il click) ed il link che serve a ripristinare tutto (quello che nel codice che segue è commentato ma che in quello reale "appare" grazie a JS).

<div id="container">
	<div id="header">
		<div class="max_size">
			<ul>
				[*]link
				[*]link
				[*]link
			[/list]
		</div>
	</div>

	<div id="content" class="max_size">
		<h1 style="margin-top:15px;">Pagina di <span>prova</span></h1>
		<div id="peopleList">
		<ul class="people">
			<li id="c1">
				[img]images/img1.jpg[/img]
				

ciao</p>
			
			<li id="c2">
				[img]images/img1bw.jpg[/img]
				

ciao</p>
			
			<li id="c3">
				[img]images/img2.jpg[/img]
				

ciao</p>
			
			<li id="c4">
				[img]images/img3.jpg[/img]
				

ciao</p>
			
			<li id="c5">
				[img]images/img1bw.jpg[/img]
				

ciao</p>
			
			<li id="c6">
				[img]images/img1bw.jpg[/img]
				

ciao</p>
			
			<li id="c7">
				[img]images/img1bw.jpg[/img]
				

ciao</p>
			
			<li id="c8">
				[img]images/img1bw.jpg[/img]
				

ciao</p>
			
		[/list]
		</div>
		
	</div>
	<div id="footer" class="max_size">
		<div style="clear: both;"></div>
	</div>
</div>

[Vindav]

posta anche il codice js che va a intercettare il click e "cerca" di applicare il fade