Search jQuery

jQuery Forum

Using jQuery

drtyrell

Need to access sibling value, but siblings() isn't working

in Using jQuery • 11 years ago

I have two elements side by side:

</div>

Want to use a hover from one child to make the other sibling highlight. My code currently looks like:

$(this).siblings(".child1").attr("src","images/icon_on.png");

Am I doing something wrong? I've even tried parent().children(".child1") but nothing works.

Replies(3)

jay.blanc..

Re: Need to access sibling value, but siblings() isn't working

11 years ago

Try this:

$('div[class^="child"]').siblings().children().attr('src', 'images/icon_on.png');

You didn't show the mark for an image so I am assuming that there is an image in each div. $(this) designates an object that has already been selected.

drtyrell

Re: Need to access sibling value, but siblings() isn't working

11 years ago

Gosh, you're right, bad pseudo code. Here's a better example:

</div>

Code that doesn't work:

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

$(this).parent().children(".child1").attr("background-image","images/arrow_on.png");

}, function() {

$(this).parent().children(".child1").attr("background-image","images/arrow.png");

});

Child1 is using a background-image: set in the CSS.

Thank you for the help.

I should add, I tried css() as well. Nothing seems to work.

drtyrell

Re: Need to access sibling value, but siblings() isn't working

11 years ago

Got it finally, and you're code sample helped inspire the solution.

css('background-image','url(image/blah)');

using $(this).siblings('child2').css();

Top Reply

Response title

Attachments

jQuery Forum

Need to access sibling value, but siblings() isn't working

Replies(3)

Re: Need to access sibling value, but siblings() isn't working

Re: Need to access sibling value, but siblings() isn't working

Re: Need to access sibling value, but siblings() isn't working

Statistics

Tags

Actions

Related Posts