JavaScript

Jquery 获取table中的td值

时间:2017-6-29 12:00:13  作者:WPF之家  来源:http://www.wpf123.com/  查看:580  评论:0
内容摘要:下面讲讲如何在table中获取td的值,特别指出的是此处是用text获取值,不是val来获取。 <table id="mytable" width="708px;" cellpadding="5" cellspacing="1"> <tbo...
下面讲讲如何在table中获取td的值,特别指出的是此处是用text获取值,不是val来获取。    
<table id="mytable" width="708px;" cellpadding="5" cellspacing="1">
        <tbody>
            <tr bgcolor="#DEE9F4" id="tr_1">
                <td align="center"> 日</td>
                <td align="center"> 一 </td>
                <td align="center"> 二 </td>
                <td align="center"> 三 </td>
                <td align="center"> 四 </td>
                <td align="center"> 五 </td>
                <td align="center"> 六 </td>
            </tr>
    ...
<script type="text/javascript">         $(function(){
            //用jQuery获取table中td值             $("#mytable td").click(function(){
                alert("table td值:"+$(this).text());             });
            
            //jQuery获取table中点击位置所在行的id             $("#mytable td").click(function() {
                //td的id                  alert($(this).attr("id"));
                //tr的id                   alert($(this).parent().attr("id"));
            });
        });</script>
示例:

获取table中选中tr下的第一个td的值:$("#table tr[data-statu=Active] td:eq(0)").text()



标签:Jquery  获取table中的td值 

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。本文出自“wpf之家”,请务必保留此出处:http://www.wpf123.com

上一篇:没有了
下一篇:ajax获取json判断是否为空
相关评论
Copyright © 2009-2014 WPF之家(http://www.wpf123.com/) All rights reserved
 Powered by WPF之家
鄂ICP备13006396号