How to select the IMG tag based on the attribute?

Question

<IMG height="160" alt="Web Content Image" src="../image/journal/article?img_id=16505&t=1273484793531" width="240" pngSet /> 

I have the this code for the image , and I want to select the image based on the attribute "pngSet"

I am trying this , but not working.

$("img[pngSet='']").css('border' ,'1px solid red');

Answer 1

You can do it like this:

 $("img[pngSet]").css('border' ,'1px solid red');

The has attribute selector is just [attributeName] :)

Answer 2

Should be:

$('img[pngSet]')

Answer 3

$("img[pngSet]");

Answer 4

It's usually a bad idea to make up attributes. Browsers don't have to support it. Best would be to use a class instead:

<IMG height="160" alt="Web Content Image" src="../image/journal/article?img_id=16505&t=1273484793531" width="240" class="pngSet" /> 
$("img.pngSet").css('border' ,'1px solid red');

Answer 5

Give this a shot (using the has attribute selector):

$("img[pngSet]")