javascript - 在 jquery 中访问兄弟姐妹

Question

这是我的代码：

<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() 调用它，这是一个简单的方法简化我的工作的示例，但在我的实际项目中，输入的值与数据库绑定，任何帮助都更加复杂

Answer 1

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

JS代码：

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

演示

Answer 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/

Answer 3

像这样更改输入：

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

并发挥作用：

function GetValue(el){
  var sib = $(el).parent().siblings('td').last();
}

Answer 4

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

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

Answer 5

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());​​​​​