CODEWITHSUNDEEP
jquery
zuk1
zuk1

Reputation: 18369

jQuery If Div Does NOT Exist

I have 3 images and have a function so that on mouse rollover they fade in and out. I don't want to do this if the image being rolled over has the class 'selected'.

So far I have this code:

$(".thumbs").hover(function(){

if (!($(this).hasClass(".selected")){

$(this).stop().fadeTo("normal", 1.0);
},function(){
$(this).stop().fadeTo("slow", 0.3);

}

});

to me the IF statement looks like it should be:

if (!($(this).hasClass(".selected"))){

but neither work so who knows. When I implement this code my entire javascript stops working, any ideas why?

There is virtually NO information on IF statements for jQuery on Google, it's ridiculous. I would greatly appreciate any help!

Upvotes: 3

Views: 17042

Answers (5)

tvanfosson
tvanfosson

Reputation: 532435

I think your javascript isn't properly formatted -- braces in the wrong places -- and you shouldn't use the dot in the hasClass function. A little better formatting would help readability, too.

$(document).ready( function() {
    $('.thumbs').hover( function() {
                            if (!$(this).hasClass('selected')) {
                                $(this).stop().fadeTo("normal", 1.0);
                            }
                        },
                        function() {
                            $(this).stop().fadeTo("slow", 0.3);
                        }
                 );
});

Upvotes: 1

Ben Blank
Ben Blank

Reputation: 56572

Use the not function:

if ($(this).not(".selected")) {
    ...
}

Upvotes: 2

August Lilleaas
August Lilleaas

Reputation: 54593

The jQuery docs on selectors tells you everything you neeed to know.

$('.thumbs:not(.selected)').hover(function(){
  // ...
})

Upvotes: 2

John Boker
John Boker

Reputation: 83699

Maybe it should be

if (!($(this).hasClass("selected"))){

no . because it knows you're looking for a classname.

Upvotes: 1

Georg Schölly
Georg Schölly

Reputation: 126095

The problem is that your element has the class "selected" not ".selected". Remove the dot.

Upvotes: 5

Related Questions