jquery get the ID of the great-great-great-great-grandparent

Question

If I have this line and I'm wondering if there's better way to do it.

var TheID = $(this).parent().parent().parent().parent().parent().attr('id');

Note that the div for which I'm looking for the ID has class "MyClass", if that can help.

Thanks.

Answer 1

you can also try closest for get attribute like this :

 $(this).closest('div.Myclass').attr('id');

or second way is

$(this).parents('div.Myclass').attr('id')

see here : http://jsfiddle.net/sKqBL/10/

Answer 2

Get all the .parents(), and use .eq()...

$(this).parents().eq(5).attr('id');

---

...or the :eq() selector...

$(this).parents(':eq(5)').attr('id');

---

...or make a function...

function up(el, n) {
    while(n-- && (el = el.parentNode)) ;
    return el;
}

...and use it like this...

up(this, 5).id

Answer 3

What is your definition of better?

//POJS, fastest
var TheID = this.parentNode.parentNode.parentNode.parentNode.parentNode.id;

//jQuery, terse
var TheID = $(this).closest(".MyClass").prop("id");