ansaurus

Question

How do I change the properties of a DOM element based on a property of an adjacent field?

Answer 1

+1 A:

$("input[type='checkbox'] + label").click(function() {
    var $th = $(this);
    $th.css("background-position", $th.prev().attr('checked') ? "bottom" : "top");
});

http://api.jquery.com/prev/

jQuery's prev() method selects the immediate previous sibling if one exists.

patrick dw 2010-06-23 22:35:58

There is also next and siblings as well.

Mark 2010-06-23 22:42:16

Awesome, thank you. I thought that `prev()` and `next()` only selected the previous and next elements that were satisfied by the selector. I didn't realize they could be used to grab any DOM element at all. But that definitely works.

Steve Wortham 2010-06-23 22:51:32

@Steve - Glad it worked. Yeah, those (and others) are traversal methods that actually crawl the DOM for you from a starting point. Very handy. :o)

patrick dw 2010-06-23 22:53:17

Now that I think about it, I understand completely why that works. The object passed through `this` holds a reference to the DOM object, and has no direct connection to the selector that was used to get that object. I should have thought of that.

Steve Wortham 2010-06-23 22:55:29

ansaurus

tags:

views:

answers:

How do I change the properties of a DOM element based on a property of an adjacent field?

related questions