jQuery - 从表的最后一行获取输入字段值?

时间:2010-02-02 17:09:31

标签: jquery html-table

我对如何做到这一点有点困惑......

我有一个包含一系列行的表,并且在每个单元格中都有某些表单元素。我试图从最后一行的“代码”输入字段中获取值,并且语法有问题......

简化表如下所示:

<table id="table1">
<tr><td><input type="hidden" name="code" value="XFT" /></td></tr>
<tr><td><input type="hidden" name="code" value="ETY" /></td></tr>
<tr><td><input type="hidden" name="code" value="DHQ" /></td></tr>
</table>

而且,这是不起作用的jquery ......

if($('#cont')) {
            $("#cont').live('click', function(event) {
                var tr = $('#wr-viewcarttable tr:last');
                var itemcode = $(tr > 'input[name="code"]').val();
                window.location = "/search?p="+itemcode;
            });
        }

1 个答案:

答案 0 :(得分:11)

试试这个:

$('table#table1 tr:last input[name=code]').val();

或者,根据您的代码调整:

$('#cont').live('click', function(event) {
    var tr = $('#wr-viewcarttable tr:last');
    var itemcode = tr.find('input[name=code]').val();
    window.location = "/search?p="+itemcode;
});

您的代码中有两个错误,$("#cont')部分中的引号不匹配,输入搜索错误。你现在拥有的是:

$(tr > 'input[name="code"]').val();

由于>在引号之外,它不是字符串,而是比较运算符,现在将tr'input[name="code"]'进行比较。比较运算符总是返回布尔值(true或false),因此您实际上是这样做的:

$(true).val();

这没有多大意义。如果您有一个jQuery对象,则可以使用find方法查找该对象的任何子对象,或者将该元素作为上下文传递给$()函数。所以这两个将起作用并且是平等的:

tr.find('input[name=code]').val();
$('input[name=code]', tr).val();

实际上没有理由在你的情况下将tr保存到它自己的变量中,因为你可以在一个声明中获得值,如上所示。