jquery image border on click

Question

Why doesnt this work?

$(".char").click(function() {
   $(this).css('border', "solid 2px red");  
   });

<img class=char src=1.gif>
<img class=char src=2.gif>

I want it to highlight via border when I click one of the images.

Also I'd like only one to be highlighted at once but I guess I'll look at that after.

Felix Ebert · Accepted Answer · 2012-05-01 22:42:47Z

3

use $(document).ready() - your current jquery code executes before the targeted html elements are available in the dom

<script type="text/javascript">
$(document).ready(function() {
    $(".char").click(function() {
        $(this).css('border', "solid 2px red");
    });
});
</script>

edited May 1, 2012 at 22:42

answered May 1, 2012 at 22:32

Felix Ebert

1,18111 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery image border on click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related