我如何获得第一个孩子的价值？

Question

I have a table where I want, for each row, get the first td and for this td I want the first input child value.

I'm able to get the markup for the input, but I can't extract the value.

Here is my code:

$('#table-unidades tr:not(:last-child)').each(function () {
        $('td:first-child', this).each(function () {
            var firstCell = $(this).children().eq(0);
            var text = firstCell.html();
            alert(text);
        })
    });

my alert outputs this:

<input type="text" name="unidades-first-td" value="UN - Unidade" disabled />

But all I want is the value.. I've tried with .text(), .val() , but it didn't work...

Answer 1

try this and get them all as an array once:

$("#table-unidades tr:not(:last-child)>td:first-child input:text:first-child")
                  .map(function () {return $(this).val(); }).get();

Answer 2

Try

var val = firstCell.find('input').val();
alert(val);

Answer 3

You don't need to use two each loops to find first child, also you must use .val() to get the value of an input, try this

$('#table-unidades tr:not(:last-child)').each(function () {
    var text = $(this).find('td:first input:first').val();
});

Answer 4

You need to use val() to get value of input, then use find() to find input field inside td

$('#table-unidades tr:not(:last-child)').each(function() {
    $('td:first-child', this).each(function() {
        var firstCell = $(this).children().eq(0);
        var text = firstCell.find('input').val();
        alert(text);
    })
});

Answer 5

Use .val() to get the value of the input element

$('#table-unidades tr:not(:last-child) td:first-child').each(function () {
    var firstCell = $(this).children('input');
    var text = firstCell.val();
    alert(text);
});

Answer 6

var trs = $("tr", ".my-table");
for(var i=0; i<trs.length; i++){
    var nval = $("td:first-child > input", trs[i]).val();
    console.log(nval);
}

1 don't care about the reputation. 2 if it doesn't work, make it work.