如何用jquery取出table中当前行里的第一个文本框值

本文介绍了一个使用JavaScript实现的鼠标移出事件示例，当鼠标从表格单元格中的文本框移出时，会弹出该行第一个文本框中的值。通过jQuery选择器和事件绑定实现了这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script language="javascript"> 
$(document).ready(function(){ 
$("#t2 input").blur(function(){ 
alert(....当前行第一个文本框的值); 
}); 

}); 

</script> 
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="t2"> 
  <tr> 
    <td>a</td> 
    <td>aa</td> 
    <td>aaa</td> 
    <td> 
      <input name="textfield" type="text" id="textfield" value="aaaa" /> 
    </td> 
    <td><input name="textfield3" type="text" id="textfield3" value="aaaaa" /></td> 
    <td><input name="textfield4" type="text" id="textfield4" value="aaaaaa" /></td> 
  </tr> 
  <tr> 
    <td>b</td> 
    <td>bb</td> 
    <td>bbb</td> 
    <td><input name="textfield2" type="text" id="textfield2" value="bbbb" /></td> 
    <td><input name="textfield6" type="text" id="textfield6" value="bbbbb" /></td> 
    <td><input name="textfield5" type="text" id="textfield5" value="bbbbbb" /></td> 
  </tr> 
</table> 


当鼠标从tr中的任意文本框中移出时，弹出当前行里的第一个文本框中的值

$(document).ready(function(){ 
$("#t2 input").mouseout(function(){ 
var trNode = $(this).parent().parent(); //获取input的“爷爷”--tr
var forthChildTdNode =  trNode.children().eq(3);//获取第四个td
var firstInput = forthChildTdNode.children(); //获取第一个input
 
alert("test"+firstInput.val()); //测试，OK
}); 
 
});

$(this).find("td:first-child input").val()