What you need is context. With context, the selector will only look for elements that are the children of the context (in this case this). $(‘:nth-child(2)’, this).attr(‘id’); jsFiddle Demo This is basically the same as: $(this).find(‘:nth-child(2)’).attr(‘id’); If you only need the direct children, not every descendant, you should use .children(): $(this).children(‘:nth-child(2)’).attr(‘id’);
I think what you want to do is this: $(this).children(‘img’).eq(0); this will give you a jquery object containing the first img element, whereas $(this).children(‘img’)[0]; will give you the img element itself.
var otherInput = $(this).closest(‘.row’).find(‘.inputQty’); That goes up to a row level, then back down to .inputQty.
Your getElementById code works since IDs have to be unique and thus the function always returns exactly one element (or null if none was found). However, the methods getElementsByClassName, getElementsByName, getElementsByTagName, and getElementsByTagNameNS return an iterable collection of elements. The method names provide the hint: getElement implies singular, whereas getElements implies plural. The method querySelector … Read more