ansaurus

Question

Answer 1

+3 A:

$(document).ready(function(){
    $("img[alt='minimize']").click(function(){
        alert("he");
    });
});

EDIT

$(function() {
    $('img[alt='min'], img[alt='max']').click(function() {
        var container = $(this).parent('table').next('div.container');

        if ( $(this).attr('alt') == 'min' )
            container.slideUp('slow');

        if ( $(this).attr('alt') == 'max' )
            container.slideDown('slow');

        return false;
    });

    $('table.heading:not(:first)').click(function() {
        $(this).next('div.container').slideToggle('slow');

        return false;
    });
});

aefxx 2010-03-01 15:36:11

Don't sacrifice error-free code for speed in answering! -1

Boldewyn 2010-03-01 15:37:55

Answer 2

+4 A:

You need to use the attribute selector not get the attribute and compare it.

$(document).ready(function(){ 
    $("img[alt='minimize']").click(function(){ 
      alert("he"); 
     }); 
});

tvanfosson 2010-03-01 15:36:24

Don't sacrifice error-free code for speed in answering! -1

Boldewyn 2010-03-01 15:38:29

@Boldewyn - just exactly what do you think the error is? The inclusion of the single quotes? You know that they would be necessary if the alt text included spaces, don't you?

tvanfosson 2010-03-01 15:41:29

Did you edit the answer in between? In the first version I saw in sec. 51 after asking the question, there was the second double quote missing (like this: `$("img[alt='minimize'])`).

Boldewyn 2010-03-01 15:43:51

@Boldewyn - aefxx's answer was missing the double quote.

Greg 2010-03-01 15:45:22

Of course I edited it -- it was missing the closing bracket. Unless the editor has intellisense you shouldn't be so quick to jump in and down vote because of a simple typo. If you notice a typo, just edit the answer and fix it (if you have enough rep) or comment that there is an error. Reserve your downvotes for answers that are actively wrong.

tvanfosson 2010-03-01 15:46:45

@tvanfosson Here here!

Skilldrick 2010-03-01 15:49:45

@Greg: True. Unfortunately, one cannot see the edit history of an answer, if it was edited by the author himself. And I saw an error in tvanfosson's answer, although I can't remember which (darn reload). @tvanfosson: I might be mistaken. If you say, that you didn't edit the answer meanwhile, I'll happily remove the -1.

Boldewyn 2010-03-01 15:50:29

OK, I can't remove the downvotes. However, I donwvoted the *erroneous* answers (remember, I saw them in second 51...). So my bad conscience keeps in limits.

Boldewyn 2010-03-01 15:55:14

@Boldewyn -- is my answer any less helpful because I edited it? In fact, was it unhelpful simply because it contained a typo that I quickly fixed. I took the time to answer the question -- not much because it was relatively easy -- then I also took time to double check my answer and correct a minor typo. I suspect I had it before you even finished typing your comment because I didn't see your comment until after I finished and had no idea what you were talking about. You can remove your downvote or not, doesn't matter to me, but I think you were a little overeager with it.

tvanfosson 2010-03-01 15:56:33

@tvanfosson - how are you ever going to build a high reputation score if you keep making tiny errors? ...oh, wait...

patrick dw 2010-03-01 15:56:34

Answer 3

+1 A:

It is not syntactically correct. What are you trying to do? Maybe this?

$(document).ready(function(){
  $("img[alt=minimize]").click(function(){
    alert("he");
   });
});

Pointy 2010-03-01 15:37:50

Ah! The first one who took the time to write it error-free. +1

Boldewyn 2010-03-01 15:39:27

Thanks, friend!

Pointy 2010-03-01 15:41:05

Answer 4

+2 A:

The alt attribute is not a way to filter your images. It is designed to put alternative content for when the image cannot be displayed (not found, unwanted by user, no screen, etc.)

You should instead use the class attribute to discriminate your images the way you want.

Your code then becomes:

HTML

<img src="..." class="minimize" alt="A beautiful image">

Javascript

$(document).ready(function(){
    $("img.minimize").click(function(){
        alert("he");
    });
});

Vincent Robert 2010-03-01 15:40:47

+1 While not directly answering the question , this is a good point. A class would, generally, be a better way to handle it, though I can imagine circumstances where you might want to select on `alt` -- say if you want to convert the alt text to a js-based tooltip.

tvanfosson 2010-03-01 15:49:20

ansaurus

tags:

views:

answers:

jquery .attr("alt")=='name'

related questions