jquery check for class if statement not working

Question

I would like to add a simple if statement to my scaling function, to check for the class ".pic"

but it doesn't seem to work (it does work fine if I remove the if statement part, but then every element on the page scales when clicked)

$(document).ready(function(){

$(this).click(function(event){
    var myTarget = event.target;
    if (myTarget.is('.pic') {
        $(myTarget).animate({ 
        width: "75%"
        }, 650 );
    }

});

});

edit: since I'm still stuck on this one, after the answer below, here is a bit of the html, maybe this is the problem?

<div class=myImages id=group001>
<img class=pic id=img001 src="../images/img001.jpg">
<div class=text id=des001>
mobile sequence 
</div>
</div>

what about creating jsFiddle - jsfiddle.net for this

ssilas777
– ssilas777

2012-09-30 18:06:41 +00:00
Commented Sep 30, 2012 at 18:06 — ssilas777
– ssilas777, Commented Sep 30, 2012 at 18:06

jfriend00 · Accepted Answer · 2012-09-30 18:06:36Z

1

myTarget needs to be a jQuery object, not just a DOM reference:

$(this).click(function(event){
    var myTarget = $(event.target);
    if (myTarget.hasClass('pic') {
        myTarget.animate({width: "75%"}, 650 );
    }

});

I'd also recommend using .hasClass() instead of .is() for this specific test as it's probably much more efficient.

answered Sep 30, 2012 at 18:06

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

2 Comments

LML Over a year ago

thanks for your response, but unfortunately no luck after copy/pasting your example.

LML Over a year ago

it's curious, still, if I remove the if statement, elements start scaling as expected (of course, without the control I want).

Collectives™ on Stack Overflow

jquery check for class if statement not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related