How to select a jQuery object's children by element type

handyman_hank

I have a table with a bunch of table rows, each with several <td> children. I need to iterate over them to select an <a> element and an <input> element for my form. I have attempted to do this via the code below: $('table.diyform').children('tbody').children('tr').each(function() { var $tds = $(this).children('td'); var label = $tds[0].find('a').html(); var required = $tds[0].find('input').html(); }); The problem lies in the lines that use...

Originally asked by user198729 on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

You will need to use the eq() method: $('table.diyform').children('tbody').children('tr').each(function() { var $tds = $(this).children('td'); var label = $tds.eq(0).find('a').html(); var required = $tds.eq(0).find('input').html(); }); From the documentation: Given a jQuery object that represents a set of DOM elements, the .eq() method constructs a new jQuery object from one element within that set. The supplied index identifies the position of this element in the set.

Full answer by ChaosPandion: https://stackoverflow.stackexchange.com/a/1864374 (CC BY-SA 4.0).

Need it done for your business? UphillTech.