jquery修改table某列的值

开发的过程中,我们经常会遇到一些数和值之间的转换,比如本例:学部:1、小学,2、初中,3、高中;当然实现方法很多种,可以后台代码,也可以使用脚本...

修改前:

修改后:

代码:

$("#tbList td:nth-child(4)").each(function () {
    switch ($(this).text()) {
        case "1": $(this).html("小学"); break;
        case "2": $(this).html("初中"); break;
        case "3": $(this).html("高中"); break;
        default:
    }

});

注意:表格结构需要固定,此列使用nth-child() 选择器匹配属于其父元素的第 N(N从数字1开始) 个子元素,不论元素的类型。所有主流浏览器均支持 :nth-child() 选择器,除了 IE8 及更早的版本。

时间: 2024-10-11 19:49:02

jquery修改table某列的值的相关文章

jQuery获取Table某列的值

在写此篇博文时,发现在以前曾写过<获取DataTable选择第一行某一列值>http://www.cnblogs.com/insus/p/5434062.html . 但是与此篇所说的完全不一样.这篇Insus.NET需要的是jQuery去获取html table的某一行某一列的数据. 如下表: Html code: <table> <tr> <th style="width:10px;"><input id="Selec

jquery 排序table的列

Jquery对Table表格排序(方法一) 分类: JQUERY开发 CSS开发 2012-12-22 15:45 3452人阅读 评论(0) 收藏 举报 [css] view plaincopy 在前端对表格排序的Jquery插件有很多,功能也很强大,比如说Jquery Data Tables对表格的处理就相当强大,可对表格进行排序,搜索,分页等操作,不过没有仔细研究过其实现原理. 为了更好的理解在前端对表格进行排序的原理,也为了进一步的学习Jquery,所以决定用Jquery来实现一个对表格

MySQL 批量修改某一列的值为另外一个字段的值

mysql> select * from fruit; +----+--------+-------+ | id | name | price | +----+--------+-------+ | 1 | apple | 0 | | 2 | banana | 0 | | 3 | orange | 0 | | 4 | mango | 0 | | 5 | pomelo | 0 | +----+--------+-------+ 5 rows in set (0.00 sec) 要求很简单,将上面f

JQuery获取某一列的值

<script type="text/javascript"> $(function () { alert($("#tab tr td:first-child").text());//一下得到所有值 var arr=$("#tab tr td:first-child"); for(var i=0;i<arr.length;i++){ alert($(arr[i]).text());//分别一个个弹出 } }); </scr

js修改table中Td的值(定义td的单击事件)

/* 页面装载时,为每个td增加单击事件,这样,就可以不用对每个页面进行更改. 添加单击事件属性.此处不可使用setAttribute方法. */ onclick=AddObjOfText; 单击事件,将Td内容更新为一个Div,其中装载了一个Text,用于用户输入新的Td的值, 一个确定按钮,一个取消按钮,用于保存或取消用户的输入内容. 一个Hidden,保存用户输入新值前的Td的值,以便用户取消时恢复. */ function AddObjOfText() { var tdcag=docum

Jquery Ajax 异步设置Table中某列的值

可根据table中某列中的ID去改变某列的值! JS: 1 $(document).ready(function () { 2 setTimeout(GetDate, 1000); 3 4 }); 5 6 function GetDate() { 7 $("#tbData tbody").find("tr").each(function () { 8 var prjectBalanceObj = $(this).find("td:eq(3)");

【前端基础】统一修改table中某一列的值

一.需求 需求比较简单,就是先修改第一列中age下面的input中的值,然后点击age这个submit按钮,会将这一列中所有的值都修改称第一列中age对应的值,如上图所示: 二.实现 1.针对这个需求,我第一反应就是先获取第一列age这列对应的value,然后用这个值给其他行的这一列的value进行赋值:所以我的代码实现如下: <!DOCTYPE html> <html> <head> <title>test</title> </head&

【盟友88物通网——物流专线管理】jquery循环Reaper某一列的值

VIEW <table id="table_list" width="720" class="tb2" cellpadding="0" cellspacing="0"> <tr > <td class="dh strong" width="40"><input type="checkbox" ><

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

jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(function(){ <span style="white-space:pre"> </span> var year = $("#year").val(); var month = $("#month").val(); var da