jQuery grab input value in table loop

Question

I have the following code:

var table = $("#b-table");
table.find('tr').each(function (i) {
    var $tds = $(this).find('td'),    
    qLine       = $tds.eq(0).text(),
    qPartNumber = $tds.eq(1).text(),
    qComments   = $tds.eq(5).val();

    console.log(qLine);
    console.log(qPartNumber);
    console.log(qComments);

  });

qLine and qPartNumber are copying over fine, as these are text values within the td element, but qComments is not copying over, as within the td element is another input element, like so:

<td><input class="qComments" type="text"></td>

I've tried using:

$tds.eq(5).val();
$tds.eq(5).html();
$tds.eq(5).text();
$tds.input.eq(5).val();
$tds.eq(5).input.val();

and none of these capture the value of the input - and the last two error out for bad syntax.

keja · Accepted Answer · 2016-01-25 17:09:25Z

3

Try something like this

$tds.eq(5).find("input").val();

answered Jan 25, 2016 at 17:09

keja

1,3631 gold badge15 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brian Powell Over a year ago

perfect - I should have thought of using find a second time. Thanks!

Collectives™ on Stack Overflow

jQuery grab input value in table loop

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related