如何使用jQuery从动态表中获取输入类型的值

Question

我正在电子商务网站上。

我的桌子从会议中获得价值。 看起来像 ：

在结帐时，我想获取表的所有值。

我已经为此使用了jQuery 。

这是我的代码：

<script>
$('#chhk').on('click',function(e) {
                    e.preventDefault();
                    alert('click');
                var table = $("#tbl tbody");

                 table.find('tr').each(function (i, el) {
                    var $tds = $(this).find('td'),
                        product = $tds.eq(2).text(),
                        price = $tds.eq(3).text(),
                        quantity = $tds.eq(4).attr('value'),
                        total = $tds.eq(5).text();

                     alert('Row ' + (i + 1) + ':\nProduct: ' + product
                          + '\nPrice: ' + price
                           + '\nQuantity: ' + quantity
                          + '\nTotal: ' + total);
                });

            });
</script>

这里的“ #chhk”是结帐按钮ID

'#tbl'是我的表ID

我正在通过此脚本获取数量的空白值，因为它是输入字段

任何帮助，将不胜感激..

Answer 1

尝试替换此：

                    quantity = $tds.eq(4).attr('value');

与：

                    quantity = $tds.eq(4).val();

由于.attr（'value'）会在开始时提供值，而.val（）会提供当前属性。

更多信息： jQuery .val（）与.attr（“ value”）

Answer 2

替换为：

 quantity = $tds.eq(4).attr('value'),

与

quantity = $tds.eq(4).find("input").val(),

Answer 3

好吧，我尝试单独进行操作，并获得了预期的结果。

$('#chhk').on('click',function(e) {
                e.preventDefault();
                alert('click');
            var table = $("#tbl tbody");

             table.find('tr').each(function (i, el) {
                var $tds = $(this).find('td'),
                    product = $tds.eq(2).text(),
                    price = $tds.eq(3).text(),
                    total = $tds.eq(5).text();
                    var qty = $(this).find('td input:first').val();

                 alert('Row ' + (i + 1) + ':\nProduct: ' + product
                      + '\nPrice: ' + price
                      + '\nTotal: ' + total
                      +'\n Qua:' + qty);
            });

        });

分别处理了数量 。