jQuery Locating Element Several Levels Up

Question

I am attempting to locate an input field using the following:

parent = $(this).parent().parent().$('input[type="text"]').attr('id');

However, my script appears to be crashing whenever this runs. Basically, I have a tree of input fields within nested using <ul> 's and <li> 's, and I am trying to access the parent input field of $(this). Any help would be hugely appreciated!

Answer 1

The syntax for your statement is incredibly wrong =D

It sounds like you are looking for the find function:

$(this).parent().parent().find('input[type="text"]').attr('id')

Answer 2

You're probably missing the find function:

parent = $(this).parent().parent().find('input[type="text"]').attr('id');

Maybe this can simplify your code:

parent = $(this).closest('li').find('input[type="text"]').attr('id');

Answer 3

$(this).parent().parent().$('input[type="text"]').attr('id'); is not valid

one possible solution may be

$(this).parent().parent().find('input[type="text"]').attr('id');

Answer 4

parent = $(this).parents('#parentElementID').find('input[type="text"]')[0].id;

其中#parentElementID是目标输入的最接近的父级。