Jquery if statement for background-image css value

Question

i am trying to compare the value of background-image and do image that image to another one here is the snippet

if ($('.list').css("background-image") === "url(images/Remove.png"){
   $('.list').click(function(){
      $('.list').css({
         'padding-left'      : '40px',
         'background-image'  : 'url(images/Remove_vertical.png)',
         'background-repeat' : 'no-repeat'
      });
   }
}

This is not working any suggestion

There's a missing parenthesis in what you pasted here: url(images/Remove.png" - what does not work? — Pointy
– Pointy, Commented Sep 13, 2010 at 13:01

thedanielhanke · Accepted Answer · 2010-09-13 13:06:50Z

4

Your syntax is wrong.

if ($('.list').css("background-image") === "url(images/Remove.png"){

e.g. should look like

if ($('.list').css("background-image") === "url(images/Remove.png)") {

instead.

 if ( $('.list').css("background-image") === "url(images/Remove.png)" )
 { 
      $('.list').click(function()
      { 
           $('.list').css({'padding-left' : '40px' , 
                    'background-image' : 'url(images/Remove_vertical.png)', 
                    'background-repeat' : 'no-repeat'});
      }); 
 }

answered Sep 13, 2010 at 13:06

thedanielhanke

7381 gold badge6 silver badges22 bronze badges

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

1 Comment

thedanielhanke Over a year ago

However, the way you choose is not be best one. better toggle a class, just like NimChimpsky tells you to in his comment. makes it more clear + adds support for changing themes etc.

NimChimpsky · Accepted Answer · 2010-09-13 15:24:55Z

1

you could "toggle" a class ...

edited Sep 13, 2010 at 15:24

answered Sep 13, 2010 at 13:07

NimChimpsky

47.5k61 gold badges202 silver badges319 bronze badges

2 Comments

prakash Over a year ago

like you mean to say change the class name according to the if condition

NimChimpsky Over a year ago

toggle a class will assign a class if its not there, and remove it if it is, so no need to use if. Put all your css and file reference in the class definition.

Collectives™ on Stack Overflow

Jquery if statement for background-image css value

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related