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="SelectAll" type="checkbox" /></th>
            <th>ID</th>
            <th>费用名目</th>
            <th>费用解释</th>
            <th>收费明细</th>
            <th>币种</th>
            <th style="width:50px;">操作</th>
        </tr>
        @foreach (var m in new HighwayAdditionalChargeEntity().HighwayAdditionalCharges())
            {
            <tr class="trData">
                <td><input id="" class="SelectSingle" type="checkbox" value="@m.HighwayAdditionalCharge_nbr" /></td>
                <td>@m.HighwayAdditionalCharge_nbr</td>
                <td>@m.Item</td>
                <td>@m.Description</td>
                <td>@m.Itemizations</td>
                <td>@m.Currency</td>
                <td>
                    <input class="Select" id="ButtonSelect" type="button" value="选择" />
                </td>
            </tr>
        }
    </table>

Source Code

当用户点击某一行最后一列的“选择”铵钮时,想获取此铵钮本行中某一列的数据。
Insus.NET有在图中示出,列与索引。索引是从0开始。如想获取“费用名目”列值,此列的列索引是2。

演示:

上面我们获取值,是使用了.text()方法。但某一时候,你想获取列的值,它是html代码,那我们可以使用.html()方法。下面Insus.NET稍修改一下:

演示:

其实,使用索引来获取值,只是一种方法,但它不是Insus.NET最理想的方法首选。由于数据行是动态呈现,列也有可能会变更。因此Insus.NET还是习惯使用样式class来实现:
举个列子,想获取“费用解释”列的值,在此列添加一个class:

jQuery代码:

演示:

时间: 2024-10-14 11:52:37

jQuery获取Table某列的值的相关文章

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

jquery修改table某列的值

开发的过程中,我们经常会遇到一些数和值之间的转换,比如本例:学部:1.小学,2.初中,3.高中;当然实现方法很多种,可以后台代码,也可以使用脚本... 修改前: 修改后: 代码: $("#tbList td:nth-child(4)").each(function () {    switch ($(this).text()) {        case "1": $(this).html("小学"); break;        case &q

关于Jquery获取Table中td内的内容

$(this).children().eq(1).text()获取的是显示的值$(this).children().eq(1).html()获取的是<td></td>之间的所有内容$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容 遍历表<table id="gird"..... $("#grid tr").each(function() {     

jquery获取checkbox被选中的值

只用一个循环,就可以找出被选中的checkbox的值 var s; $("[name = b]:checkbox").each(function () {                   if (this.checked) {                       s += $(this).val() + "|";                   }               });alert(s); 这样就可以了 jquery获取checkbox被

jquery获取一组文本框的值

$("#btn5").click(function()  {    var str="";$("[name='checkbox'][checked]").each(function() '用来获取数组{        str+=$(this).val()+",";    '用来遍历数组    //alert($(this).val());    }) jquery获取一组文本框的值,布布扣,bubuko.com

根据查询实体获取指定返回列的值

一步步完善并优化自己的ORM框架功能 [新增] /// <summary> /// 根据查询实体获取指定返回列的值 /// </summary> /// <typeparam name="SearchT">查询实体类</typeparam> /// <typeparam name="ResultT">返回实体类</typeparam> /// <param name="searc

如何在asp.net中获取GridView隐藏列的值?

在阅读本文之前,我获取gridview某行某列的值一般做法是这样的:row.Cells[3].Text.ToString().有点傻瓜呵呵 在Asp.net 2.0中增加了一个新的数据绑定控件:GridView,其目的用来取代Asp.net1.x中的DataGrid控件.获取GridView中的某列值的方法为   protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)    {        stri

jquery获取当前选项的属性值a

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"><

jquery获取单选button选中的值

在页面上单选button的代码: <s:iterator value="@[email protected]"> <input type="radio" <s:if test="key eq record.is_com">checked</s:if> value="${key}" name="record.is_com"/>${value}    </s