Fading d'images dans jQuery

Question

Comment estomper toutes les images de la classe bMenu qui ne sont pas # b2 avec jQuery? Merci.

<div class="bMenu" id="b1"><img src='b1.jpg'></div> 
<div class="bMenu" id="b2"><img src='b2.jpg'></div> 
<div class="bMenu" id="b3"><img src='b3.jpg'></div> 

Answer 1

$('img', '.bMenu:not(#b2)').fadeOut(); 

Answer 2

réponse littérales:

$(".bMenuL:not(#b2) img").fadeOut(); 

En supposant que vous voulez vous assurer que le #b2 img est présenté ainsi:

$("#b2 img").fadeIn(); 

Answer 3

Essayez ceci:

#('.bMenu > img').each(function(it){ 
    if(it.attr('id') != 'b2'){ 
     it.fadeOut(); 
    } 
}); 

Peut-être un moyen de le faire avec des sélecteurs purs, mais cela devrait fonctionner.

ajouté plus tard:

Ok, je suis allé et a fait un test ... voici ce que je suis venu avec:

$('div[id!=b2].bMenu > img').each(function(){ 
    $(this).fadeOut(); 
}); 

Ce sélecteur retourne deux images, pas celui avec b2.

Answer 4

Essayez de

$('.bMenu:not(#b2) img').fadeOut('slow'); 

Answer 5

tout faire à la fois avec enchaînant:

$("#b2 img").show().parent().siblings(".bMenu").find("img").fadeOut();