Compréhension du sélecteur is() vs not()

**Bensljul** · 28/06/2019, 09h13

Bonjour à tous;

Je rencontre une erreur JQUERY que j'ai du mal à saisir, voici mon premier test avec le html suivant :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
	<!-- <select>
		<option>Toto1</option>
		<option>Toto2</option>
	</select> -->
<div id="graphiques">
	<div class="container">
		<p id="Toto1">Toto1</p>
	</div>
	<div class="container">
		<p id="Toto2">Toto2</p>
	</div>
</div>
</body>

.

et Jquery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
$(document).ready(function(){
	// var $select = $('select'),
	// 		select_val='';
 
	// $select.on('change',function(){
	// 	select_val = $select.val();
	$('.container').children().not("#Toto2").hide();
	// });
});

celui fonctionne bien avec le not mais pas avec le "is" et je rencontre l'erreur suivante :

jQuery.Deferred exception: $(...).children(...).is(...).hide is not a function

Comment cela se fait il ?

Merci beaucoup d'avance

**SpaceFrog** · 28/06/2019, 09h33

je pense que le souci provient du fait que le is() ne fait pas office de filtre ... mais retourne true si au moins un des elements matche le selecteur ?

Essaye plutot avec filter()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.container').children().filter( function(){ return $(this).attr('id'!="#Toto2" }).hide();

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.container').children().filter( function(){ return !$(this).is("#Toto2") } ).hide();

ou le selecteur ":not()"

**Bensljul** · 28/06/2019, 09h48

Ah d'accord ^^

Je pensais que le .is faisait la même chose que le not mais à l'inverse ^^

Invité · 28/06/2019, 10h11

Bonjour,

ce n'est pourtant pas difficile de chercher et trouver la DOC (et ça doit devenir un réflexe !) :

.not()

Description:
Remove elements from the set of matched elements.

.is()

Description:
Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.

Donc : rien à voir quant au fonctionnement.

On trouvera .is() dans une condition :
(par ex.)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if( $('....').is(':checked') ){ // checkbox cochée ?

**NoSmoking** · 28/06/2019, 15h29

Bonjour,
pourquoi ne pas utiliser directement un sélecteur CSS3 ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".container :not('#Toto2')").hide();

**SpaceFrog** · 01/07/2019, 08h03

NoSmo

ou le selecteur ":not()"

**NoSmoking** · 02/07/2019, 16h37

diantre, diable, diarrhée ^(*), j'ai la vue qui baisse !

^(*) cherchez l'intrus.

Compréhension du sélecteur is() vs not()

jQuery

Discussions similaires

Partager

Partager