ansaurus

Question

Onclick on image I need to change the background of li using jquery

Answer 1

A:

It's the grandparent, so .parent().parent() then.

Or use .closest('li').

KennyTM 2010-08-29 19:42:00

Answer 2

+3 A:

Use .closest('li').

This will give you the first ancestor of the <img> that is an <li> element.

You could also use .parents('li:first'). It uses the :first selector to ensure you only get the first result.

patrick dw 2010-08-29 19:42:25

.parents('li:first') is not working but .closest('li') its working fine.I used as below$item.closest('li').css('background-color', 'red');Thank you Patrick.

Elankeeran 2010-08-29 19:46:58

@Elankeeran - You're welcome. :o) Very strange that `.parents()` didn't work. Anyway, glad that `.closest()` panned out for you.

patrick dw 2010-08-29 19:49:11

@patrick dw How to toggle the background color?

Elankeeran 2010-08-29 20:04:03

@Elankeeran - The background color of the `<li>`? If you just want to change the color, you would do: `.closest('li').css('background','purple');` If you thought you were going to toggle it back and forth, I'd probably use a class, and then do `.closest('li').toggleClass("myBackgroundClass")`. This way it will add and remove the class with each click. (Remember to add the class definition to your style sheet.)

patrick dw 2010-08-29 20:21:36

@patrick dw Thank you! but I have many li with inside image onclick on image li will get background color. suppose I clickon other li image that should get background and other should be default color its like switch selection (radio button).

Elankeeran 2010-08-29 20:43:20

Answer 3

+1 A:

You can do like this:

$('img[title="some name"]').click(function(){
  $(this).closest('li.ui-widget-content').css('background', 'green');
});

Since the image does not have any class or id attribute set, the title attribute is used instead. In this case any image whose title is set to some title for example gets clicked, the background of parent li with class ui-widget-content is changed using css method which is actually found with closest function which finds elements back up until specified element is found.

Sarfraz 2010-08-29 19:44:27

Thanks Sarfraz... Patrick given above.

Elankeeran 2010-08-29 19:49:18

How to toggle the background color?

Elankeeran 2010-08-29 19:59:14

ansaurus

tags:

views:

answers:

Onclick on image I need to change the background of li using jquery

related questions