Question

I have the three following lines and the first two line gets all the images on the document and hides all, but then when I add the third line shows all the images.

What I need its to hide only the images with the attribute alt=minimize and alt=maximize but for some reason hides all the images.

$('img').attr('alt', 'minimize').css("display","none");
$('img').attr('alt', 'maximize').css("display","none");


$('img').attr('alt', 'logo').css("display","inline");

I am using IE7, but it should be compatible with IE6 and IE8.

Any help would be very much appreciated.

Thanks.

Answer 1

I’m thinking you are not using the attr function correctly, might you be looking for the attribute equals selector?:

$('img[alt=minimize]').css("display","none");

What you did with your code was,

1. Select all images
2. Change their alt attribute to 'minimize'
3. Hide them
4. Select all images
5. Change their alt attribute to 'maximize'
6. Hide them
7. Select all images
8. Change their alt attribute to 'logo'
9. Hide them