This is an illustration of a part of my DOM:

I want to trigger an effect on div with class des (which is in an odd div) on click event of div with class but (which is in the previous even div)

How can I select des from but?

This is an illustration of a part of my DOM:

I want to trigger an effect on div with class des (which is in an odd div) on click event of div with class but (which is in the previous even div)

How can I select des from but?

• javascript
• jquery

Share Improve this question Follow edited Jan 25, 2015 at 21:00 Josh Crozier 241k5656 gold badges400400 silver badges313313 bronze badges asked Jan 25, 2015 at 20:14 Prakhar ThakurPrakhar Thakur 1,22933 gold badges1515 silver badges3939 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

Trivially, if this is the clicked .but element:

$(this).parent().next().children('.des')

This does assume that there are no other elements in the way, i.e. that the .even and .odd elements are immediate siblings, and that .but and .des are immediately children of their respective .even and .odd ancestors.

Less efficiently, but guaranteed to work with any arbitrary number of additional (non-matching) elements in the tree would be:

$(this).closest('.even').nextAll('.odd').first().find('.des')

It depends on your markup. Something like this should work, though:

$('.but').on('click', function () {
  $(this).closest('.even').next().find('.des');
});