精华内容
下载资源
问答
  • jquery 获取table某一行的值
    千次阅读
    2017-04-06 16:01:17

    最近需要获取到某个table下每一行某一列的值,用jquery做了一会儿,过程如下,仅供参考:

     <div class="div">
                <table name="info"><tr><td>lily<span>okok</span></td></tr><tr><td>18</td></tr><tr style="display:none"><td>hahhha</td></tr></table>
                <table name="info"><tr><td>tom</td></tr><tr><td>22</td></tr><tr style=""><td>hahhha2</td></tr></table>
                <table name="info"><tr><td>kai</td></tr><tr><td>34</td></tr><tr style="display:none"><td>hahhha3</td></tr></table>
     </div>

     这个大的div下有若干个table,现在我需要获取每个table下某一行某一列的值:

     <script>
                var $tables = $(".div").find("table[name='info']");
                //alert($tables.prop("tagName")); //TABLE
                var length = $tables.length;
                //alert(length); //3
                for(var i=0; i<length; i++) {
                    var $table = $tables.eq(i);
                    //alert($table.prop("tagName")); //TABLE
                    //eq(i)表示第i行
                    var nameTd = $table.find("tr").eq(i).children("td").eq(0);
                    //alert(nameTd.prop("tagName")); //TD
                    alert(nameTd.text());
                }
               
                alert(b.indexOf(a));
    </script>

     可依次弹出结果:lilyokok   tom kai

    如果var nameTd = $table.find("tr").children("td").eq(2); 则依次弹出结果:hahhha   hahhha2  hahhha3,这说明,即使你设置隐藏,一样可以获取到值。

    注:JQuery中读取dom对象的类型的语法是:$.prop("tagName");还要注意find children eq(用于遍历dom集合中元素对象)等的用法。

    更多相关内容
  • 主要介绍了jQuery获取table某一行某一列的实现代码的相关资料,需要的朋友可以参考下
  • 这篇Insus.NET需要的是jQuery获取html table某一行某一列的数据。 如下表: Html code: <table> <th xss=removed><input id="SelectAll" type="checkbox" /> <th>ID 费用名目 <
  • jquery获取table中的某行全部td的内容方法,需要的朋友可以参考一下
  • 下面小编就为大家带来jquery获取table指定和列的数据方法(当前选中、列)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 本文实例讲述了jQuery实现获取table表格第的方法。分享给大家供大家参考,具体如下: 先来看看运行效果截图: 完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
  • 请注意,如果选择器匹配多个行,则此方法将截断结果以仅包含一行,即第一个匹配的行。如果没有参数返回第一行。 读取数据时用 table.row(rowSelector [,modifier]).data()即可 比如双击获取行数据 var table = $...
  • 本节主要介绍了用Jquery选择器计算table中的一列某一行的合计,需要的朋友可以参考下
  • 下面小编就为大家带来jquery遍历table的tr获取td的实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 今晚做的这个东西中由于要获取某列中的个ID。如果是用平常的那种JS传值的方式此问题就不存在,但是由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得。 网上找了很...
  • table class="table table-hover" id="test123"> <tr> <th width="45">选择</th> <th width="100">驾校名称</th> <th width="100">合作驾校名称</th> <th width=...

    table class="table table-hover" id="test123">
    <tr>
    <th width="45">选择</th>
    <th width="100">驾校名称</th>
    <th width="100">合作驾校名称</th>
    <th width="100">申请时间</th>
    <th width="100">申请状态</th>
    <th width="100">操作</th>
    </tr>
    <tr>
    <td><input type="checkbox" name="id" value="1" /></td>
    <td>中大驾校</td>
    <td>潇湘驾校</td>
    <td>2016-04-15 14:40:20</td>
    <td class="tablestate">未处理</td>
    <td><a class="change button border-blue button-little update" href="#">修改申请状态</a></td>
    </tr>
    <tr>
    <td><input type="checkbox" name="id" value="1" /></td>
    <td>中大驾校</td>
    <td>潇湘驾校</td>
    <td>2016-04-15 14:40:20</td>
    <td class="tablestate">未处理</td>
    <td><a class="change button border-blue button-little update" href="#">修改申请状态</a></td>
    </tr>
    </table>

    <div id="br_applicationStatus">
    <span>修改申请状态</span>
    <div class="radio" style="margin-top:1rem;"><input type="radio" name="br_radiobutton" value="未处理" checked="checked"> 未处理</div>
    <div class="radio"><input type="radio" name="br_radiobutton" value="已处理"> 已处理</div>
    <div class="radio"><input type="radio" name="br_radiobutton" value="无效"> 无效</div>
    <div class="form-button br_confirm"><button class="button bg-main" type="submit" style="margin-left: 20%;margin-top: 1.5rem;">确认</button></div>
    <div class="form-button br_cancel"><button class="button bg-main" type="submit" style="border: 1px solid #00BFFF;background-color: #fff;color: #00BFFF;position: relative;top:-2.2rem;margin-left: 62%;">取消</button></div>
    </div>

     

    具体的操作过程

    $("#test123 tr").click(function(){
    // 获取点中行的第五列
    // alert($(this).children().eq(4).html());
    $this = $(this);
    $(".br_confirm").click(function(){
    // 弹框中选中的值
    var $Selectvalue = $("input[name='br_radiobutton']:checked").val();
    $this.children().eq(4).html($Selectvalue);

    $("#br_mask").css("display","none");
    $("#br_userExcel").css("display","none");
    $("#br_applicationStatus").css("display","none");
    })
    });

     

    展开全文
  • 今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...
  • jquerytable 中修改某行值

    千次阅读 2020-12-19 12:32:20
    修改 table某行的的方法步骤如下:1、选择要修改的,事件触发,比如我的 双击某行时修改2、将要修改的,替换为input,原先的列中的,需要放到对应的input中作为默认值3、修改完成后,事件触发将其还原,...

    修改 table 中某行的的方法步骤如下:

    1、选择要修改的行,事件触发,比如我的 双击某行时修改

    2、将要修改的行,替换为input,原先的列中的值,需要放到对应的input中作为默认值

    3、修改完成后,事件触发将其还原,比如我的 如果鼠标移走,不在该行上时触发

    $(function(){

    $('tr.modifyType').dblclick(function(){

    var oldid = $(this).find(".id").val().replace(/[\r\n\s]/g,"");

    var oldkeyCode= $(this).find(".keyCode").html().replace(/[\r\n\s]/g,"");

    var oldkeyName= $(this).find(".keyName").html().replace(/[\r\n\s]/g,"");

    var oldkeyType= $(this).find(".keyType").html().replace(/[\r\n\s]/g,"");

    var olddefaultValue= $(this).find(".defaultValue").html().replace(/[\r\n\s]/g,"");

    var type = 'texttable'

    +'image';

    var str = '

    '+oldkeyCode

    +'

    '+type

    +'

    ';

    $(this).html(str);

    }).hover(function(){

    $(this).addClass('keyhover');

    },function(){

    if($("#isDblFlag").length>0)

    {

    var thisid = $(this).find(".id").val();

    var keyCode= $(this).find(".keyCode").html();

    var keyName= $(this).find(".keyName").val();

    var keyType= $(this).find(".keyType").val();

    var defaultValue= $(this).find(".defaultValue").val();

    str = '

    '+keyCode

    +'

    '+keyName

    +'

    '+keyType

    +'

    '+defaultValue+'';

    $(this).html(str);

    }

    $(this).removeClass('keyhover');

    });

    });

    对应的html页面

    .keyhover

    {

    background-color:green

    }

    关键字关键字含义类型默认值
    keyCodekeyNamekeyTypedefaultValue

    jquery遍历table中每个td的值

    废话不说直接上:

    jQuery遍历table中的tr td并获取td中的值

    jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(func ...

    用jQuery获取table中行id和td值

    jQuery 在Table中选择input之类的东西注意事项

    jQuery 在Table中选择input之类的东西注意事项: 如果不在td标签中,是不能进行正确选择的:

    弹窗中修改select默认值遇到的问题

    弹窗中修改select默认值无效 前提: 项目中遇到一个需求, 在一个弹窗中,有很多个select都是在打开弹窗的同时由js自动生成的(每次打开都自动重新生成一遍). 弹窗打开后,从每个select的 ...

    VUE项目中使用this&period;&dollar;forceUpdate&lpar;&rpar;&semi;解决页面v-for中修改item属性值后页面v-if不改变的问题

    VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题:https://blog.csdn.net/jerrica/article/d ...

    学习旧岛小程序 (5) observer 函数中修改属性的值

    不要在一个属性的 observer  函数中修改属性的值 不然会造成内存泄露 错误代码: properties: { /* 期刊号 */ index: { type: String, observer ...

    Vue&period; 之 Element获取table中选中的行

    Vue. 之 Element获取table中选中的行 问题描述: 如下截图,在Table中选择数据后,然后在点击“统计”按钮,获取Table表中选择的行 解决方案: 1. 给“统计”这个按钮添加一个点 ...

    在函数中修改全局变量的值,需要加global关键字

    一.引用 使用到的全局变量只是作为引用,不在函数中修改它的值的话,不需要加global关键字.如: #! /usr/bin/python a = 1 b = [2, 3] def func(): if ...

    随机推荐

    react学习与简介

    简介: React是Facebook开发的一款JS库 React解决了什么问题? 1).首先是以往mvc模式的缺陷,当代码库庞大时,mvc非常的复杂,每添加新的功能,项目的复杂度就几何倍的增长,导致代 ...

    iptables之LOG目标 被拦截包分析

    iptables之LOG目标 问题 在iptables的INPUT链中发现有大量未知包被拦截,这种情况就有两种可能,一是自己的某个服务的iptables端口没有打开,二是服务器正在遭受攻击 分析 这就 ...

    Somebody That I Used to Know

    一.查看歌词 http://baike.baidu.com/view/7925491.htm 二.考量歌词 1.我告诉自己你就是我的挚爱 但你的陪伴却让我倍感孤单 但那就是爱 让我刻骨铭心难以忘怀 既 ...

    CodeFirst-数据迁移-Migration

    http://www.cnblogs.com/haogj/archive/2012/02/17/2356537.html 1.安装最新NuGet 2.安装EntityFramework:在程序包管理器 ...

    hdu 2850 Load Balancing &lpar;优先队列 &plus; 贪心&rpar;

    题目大意: 怎么分配n个任务到m个server上使得负载尽量平衡. 思路: 将任务从大到小排序,依次放入负载最小的那个server中. 由于是spj 的缘故,所以能够使用这个贪心. 比方数据 6 2 ...

    了解JVM加载实例化类的原理

    class Singleton { private static Singleton instance = new Singleton(); public static int a; public s ...

    spring ref history Design philosophy

    一.前言 Spring 框架可以说是 Java 开发人员使用的最流行的应用程序开发框架之一.它目前由大量提供一系列服务的模块组成.包括模块容器,为构建横切关注点提供支持的面向切面编程(AOP),安全框 ...

    1、Django系列之web应用与http协议

    第1节:最简单的web应用程序 Web应用程序指供浏览器访问的程序,通常也简称为Web应用.应用程序有两种模式C/S.B/S.C/S是客户端/服务器端程序,也就是说这类程序一般独立运行.而B/S就是浏 ...

    弱符号&lowbar;&lowbar;attribute&lowbar;&lowbar;&lpar;&lpar;weak&rpar;&rpar;

    弱符号是什么? 弱符号: 若两个或两个以上全局符号(函数或变量名)名字一样,而其中之一声明为weak symbol(弱符号),则这些全局符号不会引发重定义错误.链接器会忽略弱符号,去使用普通的全局符号 ...

    &lbrack;转&rsqb; 理解Web路由

    1. 什么是路由 在Web开发过程中,经常会遇到『路由』的概念.那么,到底什么是路由?简单来说,路由就是URL到函数的映射. 2. router和route的区别 route就是一条路由,它将一个UR ...

    展开全文
  • table class="table table-bordered"> <thead> <th>id</th> <th>username</th> <th>realname</th> <th>password</th> <t...
            <table class="table table-bordered">
                <thead>
                <th>id</th>
                <th>username</th>
                <th>realname</th>
                <th>password</th>
                <th>registerTime</th>
                <th>telephone</th>
                <th>statu</th>
                <th></th>
                </thead>
                <tbody id="tab">
                <tr th:each="l : ${list}">
                    <td th:text="${l.id}" id="delId">id</td>
                    <td th:text="${l.username}">username</td>
                    <td th:text="${l.realname}">realname</td>
                    <td th:text="${l.password}">password</td>
                    <td th:text="${l.registerTime}">registerTime</td>
                    <td th:text="${l.telephone}">telephone</td>
                    <td th:text="${l.statu}">statu</td>
                    <td width="70px">
                        <a href="#" onclick="del(this)"><span style="margin-right: 20px" class="glyphicon glyphicon-trash" ></span></a>
                        <a href="#" onclick="edit()"><span class="glyphicon glyphicon-edit"></span></a>
                    </td>
                </tr>
                </tbody>
            </table>
    
    <script>
        function del(obj){
            var col = $(obj).parent().parent().find("td:eq(0)").text();
            alert(col);
        }
    </script>
    

    obj是a标签层的,parent()返回a标签的上一层td标签,parent()返回再上一层tr层,find(“td:eq(0)”)是选择tr中的第一个td,text()获取td标签里的内容,即当前行的第一列的数据

    展开全文
  • Jquery获取table选中数据

    千次阅读 2020-04-28 15:14:16
    $("table tr").click(function() {//为表格的添加点击事件 var tr = $(this);//找到tr元素 var td = tr.find("td");//找到td元素 alert(td[0].innerHTML);//指定下标即可,安卓正常,iOS返回的是html代码 ...
  • $(“#thetable tr”).each(function(){ var chk=$(this).find(‘td’).eq(0).find(‘input’); if(chk.attr(“checked”)==”checked”){ fkfs+=chk.val()+”,”; var zh=$(this).find(‘td’).eq(3).find(‘select...
  • ![图片说明](https://img-ask.csdn.net/upload/201812/10/1544421550_284630.png)我这样写为什么改变不了呢,求教
  • jquery获取表格table某行某列的

    万次阅读 2015-03-20 12:08:52
    以前没有jquery的时候,我们要操作个表格,用JS的话,是很麻烦的,至少站长以前用JS来操作表格的时候,都是要到网上找封装好的函数,然后复制过来使用的, 但是现在有了jquery后,操作表格table起来变得非常的...
  • jquery 获取table tr td

    2020-07-15 20:05:03
    jquery代码(jquery 获取table tr td//完成修改功能 ) var td=td=td=(td).parents(‘tr’).children(‘td’); KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲seshu").val(td.eq(0).find(...
  • 1.点击删除时获取当前在第几,代码如图 2.显示效果 3.OK
  • 本文实例讲述了JS选中checkbox后获取table一行TD所有数据的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> &...
  • jquerytable某一行td的

    千次阅读 2017-03-01 09:20:20
    昨天遇到一个需求,要取talbe里面某一行一列的。百度了一下说要对table进行遍历,感觉略有些麻烦,刚好我每一行里都有radio,然后想着就可以通过checked的属性来寻找那一行的td。 var fpztRadio=$("input[name='...
  • 1.Jquery获取table一行 如下的table 序号 内容 Jquery获取table一行并删除其余的行 $("#appApplyTable tr").not(':eq(0)').remove(); 2.select2清空但无需初始化 Jque
  • 关于jquery获取table行数据方法

    千次阅读 2016-10-22 08:22:05
    日常工作中经常用到jquery,但是今天突然想通过jquery获取table上行项上对应数据时懵住了,时间竟无从下手,后研究后总算写出来了,因此特别自己写个简单例子记录下,以防又忘了。 $(function () { $("tr")....
  • jQuery选中table一行或第一列

    热门讨论 2012-04-06 15:05:48
    通过jQuery选取table的第一行,第一列。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,846
精华内容 10,338
热门标签
关键字:

jquery 获取table某一行的值