zoukankan      html  css  js  c++  java
  • 如何用jquery取出table中当前行里的第一个文本框值

    <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中的任意文本框中移出时,弹出当前行里的第一个文本框中的值   
    [javascript] view plaincopy
    $(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()
     
  • 相关阅读:
    Globus Toolkit 4.0正式版发布
    五四爱国纪念歌——最早反映五四运动的歌曲(zz)
    历史上的昨天和今天(zz)
    苹果:2.7GHz G5比3.6GHz P4快98%(zz)
    上海地铁又有人跳轨……
    使用IPAddress解析IP地址时要注意的问题
    WinHEC:电脑硬件和微软OS发展历程展(zz)
    emplace_back与push_back方法的区别
    处理Excel,填充空白区域
    折腾词库,一个词库互转程序
  • 原文地址:https://www.cnblogs.com/huapox/p/3516100.html
Copyright © 2011-2022 走看看