Get first matching ancestor containing a specific class

Question

I am trying to iterate to the first ancestor containing the class ‘sys-form-row’.

I am able to get the row containing class="sys-form-row" using the following: objBack =

$('#txtMyBox2').parent().parent();

This seems incredibly clumsy. What I would like to do is something like this:

$('#txtMyBox2').parents('.sys-form-row'); or even $('#txtMyBox2').closest('.sys-form-row'); however both fail and my current approach will not always work if additional div nesting is applied. Any help would be really appreciated.

I am new to this and each toime I post markup it becomes part of the page. — user831839, Jul 28 '11 at 15:42
The `closest` example should be the correct way to do this. As Shankar says, we need to see your HTML code. — lonesomeday, Jul 28 '11 at 15:43
@user831839 Select the code you want to show and press the icon with the two curly brackets `{}` above the text box. This will format the content as code. — lonesomeday, Jul 28 '11 at 15:44

ShankarSangoli · Accepted Answer · 2013-02-12T00:14:37.243

24

If the additional nested div has any specific class you can use closest to find the parent

//It will always give you the closest element having class ".sys-form-row"
$('#txtMyBox2').closest(".sys-form-row");

edited Feb 12 '13 at 00:14

answered Jul 28 '11 at 15:43

ShankarSangoli

69,612
13
93
124

still testing. Will get back. – user831839 Jul 28 '11 at 16:03
Thank you to everyone who responded. – user831839 Jul 28 '11 at 18:37
13

Silly name for a function, it should be named ancestor, firstAncester or closestAncester. There's nothing in its name to indicate the DOM traversal is in the `up` direction. – ripper234 Jul 05 '12 at 12:14

score 3 · Answer 2 · answered Jul 28 '11 at 15:44

3

Try this:

$("#txtMyBox2").parents(".sys-form-row:first");

answered Jul 28 '11 at 15:44

John Kalberer

5,690
1
23
27

In my case closest was also giving 2 elemments, this works perfectly – Zia Ul Rehman Mughal Nov 21 '16 at 11:37

Get first matching ancestor containing a specific class

2 Answers2