jQuery获取Table某列的值-白红宇

jQuery获取Table某列的值

阅读量：6487 次

发布时间：2019-06-24

本文共 1100 字，大约阅读时间需要 3 分钟。

在写此篇博文时，发现在以前曾写过《》。

但是与此篇所说的完全不一样。这篇Insus.NET需要的是jQuery去获取html table的某一行某一列的数据。

如下表：

Html code:


      
        @foreach (var m in new HighwayAdditionalChargeEntity().HighwayAdditionalCharges())            {            
        }    
                                                                 ID                      费用名目                      费用解释                      收费明细                      币种                      操作                 
                                                          @m.HighwayAdditionalCharge_nbr                          @m.Item                          @m.Description                          @m.Itemizations                          @m.Currency

	ID	费用名目	费用解释	收费明细	币种	操作
	@m.HighwayAdditionalCharge_nbr	@m.Item	@m.Description	@m.Itemizations	@m.Currency

Source Code

当用户点击某一行最后一列的“选择”铵钮时，想获取此铵钮本行中某一列的数据。

Insus.NET有在图中示出，列与索引。索引是从0开始。如想获取“费用名目”列值，此列的列索引是2。

演示：

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

演示：

其实，使用索引来获取值，只是一种方法，但它不是Insus.NET最理想的方法首选。由于数据行是动态呈现，列也有可能会变更。因此Insus.NET还是习惯使用样式class来实现：

举个列子，想获取“费用解释”列的值，在此列添加一个class:

jQuery代码：

演示：

转载地址：http://doauo.baihongyu.com/

你可能感兴趣的文章