0

这是我的代码：

<table><tr><td>hello</td>
       <td><input type="text" value="0" onkeypress="GetValue();" /></td>
       <td><input type="text" value="15"  /></td>
       </tr>
 </table>
   <script type="text/javascript">
   function GetValue(){
      //  ???

       }
   </script>

我如何在不使用简单方法的情况下访问第三个 td 的值（值为 15 的 td）并给 td 一个 id 并使用 .parent() 或 .siblings() 调用它，这是一个简单的方法简化我的工作的示例，但在我的实际项目中，输入的值与数据库绑定，任何帮助都更加复杂

4

5 回答 5

3

您可以通过:nth-child()选择器来完成。

JS代码：

$('table td:nth-child(3) input').val();

演示

于 2012-10-24T08:21:46.443 回答
2

您应该将 DOM 元素传递给GetValue函数：

<input type="text" value="0" onkeypress="GetValue(this);" />

并使用 jQuery 方法从下一个文本字段中获取值：

function GetValue(that) {
    var val = $(that).parent().next().find("input").val();
}

演示：http: //jsfiddle.net/xzzUB/1/

于 2012-10-24T08:20:09.447 回答
0

像这样更改输入：

<input type="text" value="0" onkeypress="GetValue(this);" />

并发挥作用：

function GetValue(el){
  var sib = $(el).parent().siblings('td').last();
}
于 2012-10-24T08:20:09.480 回答
0

$("td:eq(2) input").val()将返回 15

请参阅：http ://docs.jquery.com/Selectors/eq

于 2012-10-24T08:23:33.803 回答
-1

HTML

<table id='theTable'><tr><td>hello</td>
       <td><input type="text" value="0" onkeypress="GetValue();" /></td>
       <td><input type="text" value="15"  /></td>
       </tr>
 </table>​​​

使用 nth-child() jQuery 函数

console.log($('#theTable td:nth-child(3)').children().val());​​​​​
于 2012-10-24T08:26:21.423 回答