`
boss5518831534
  • 浏览: 230446 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

用Jquery获取table中td的值

阅读更多
最近做项目时需要用jquery获取table下的值,在网上搜索了一下发现不错,于是就copy了一下 附件是原作者写的

jquery代码(jquery 读取table tr td值完成修改功能 )

var $td=$(td).parents('tr').children('td');
$("#seshu").val($td.eq(0).find('input').val());
$("#jshuchudan").val($td.eq(1).find('input').val());
$("#jshuchuqi").val($td.eq(2).find('input').val());
$("#jchuantongddan").val($td.eq(3).find('input').val());
$("#jchuantongdqi").val($td.eq(4).find('input').val());
$("#schuantongddan").val($td.eq(5).find('input').val());
$("#schuantongdqi").val($td.eq(6).find('input').val());
$("#zhizuodan").val($td.eq(7).find('input').val());
$("#zhizuoqi").val($td.eq(8).find('input').val());
$("#ganbandan").val($td.eq(9).find('input').val());
$("#ganbanqi").val($td.eq(10).find('input').val());
$("#pinbandan").val($td.eq(11).find('input').val());
$("#pinbanqi").val($td.eq(12).find('input').val());
$("#jjid").val($td.eq(13).find('input').val());

$("#updateform").submit();
用Jquery获取table中td的值:

          首先建立一个如下一个两行三列的table

           <table id="tb" style="text-align: center;" width="100%" border="1PX">
                <tr> <td>A1  </td><td> A2 </td> <td>A3</td> </tr>
                <tr><td>B1</td> <td>  B2</td><td>B3</td> </tr>
           </table>

        Jquery 代码部分

              <SCRIPT type=text/javascript src="Jquery/jquery-1.4.2.js">//引入Jquery 插件不能少哦</SCRIPT>

              <SCRIPT language="javascript" type="text/javascript" >

                $(function(){
                    //使用jquery 取得table 中td里面的值
                       $("#tb td").click(function(){
                                      alert($(this).text());

                         })
           
                });</SCRIPT >

用Javascript 获取table中td的值:

      直接就写JS拉,借用上面table

      <script language="javascript" type="text/javascript">
        function GetTdValue()
        {
            //Javascript 取得table 中TD的值
            var VAL=document.getElementById("tb").rows[1].cells[1];
            alert(VAL.innerHTML)
        }
    </script>




因为这个tr需要动态增加和删除,并且获得td中的值

<script src="js/jquery-1.3.2.js" type="text/javascript"> </script>
<script type="text/javascript">
function addit(){
    var n = $("#paramTable tr:last td").eq(1).html();
    if(isNaN(n)) n = 1;
    else n++;
    $("#paramTable").append("<tr><td>name</td><td>" + n + "</td><td onclick='delit(this);'>删除</td></tr>")
}
function delit(obj){ $(obj).parent().remove();} </script>
<input type="button" onclick="addit()" value="添加">
<table border=1 id="paramTable">
<tr>
<td width=100>
参数名称
</td>
<td width=100>
对应列号
</td>
<td width=60>
是否删除
</td>
</tr>
<tr>
<td>name</td>
<td>1</td>
<td onclick="delit(this);">删除</td>
</tr>
</table>






function getMerchandiseTable(){
            var arrMerchandise = [];
            $("#tbOrderMerchandise tr").each(function(){
                 var $MerchandiseIdTd = $("td:eq(0)",$(this) );//商品ID
                
                 var $quantityTd = $("td:eq(3)",$(this) );//数量
                 var $priceTd=$("td:eq(6)",$(this) );//小计
                 var $DescriptionTd = $("td:eq(7)",$(this) );//备注
               
                if($MerchandiseIdTd.text()!="")
                {
                    arrMerchandise.push($MerchandiseIdTd.text()+"|"+$quantityTd.text()+"|"+$priceTd.text()+"|"+$DescriptionTd.text());
                }
            });
            $("#hidDetailList").val(arrMerchandise.join(","));
        }



private List<hanvnet.Dto.Page.Table.DeliveryFeePage> GetDeliveryFeeList(string strChargerId)
    {
        string strFeeInput = hdFeeList.Value;

        List<hanvnet.Dto.Page.Table.DeliveryFeePage> lstFee
            = new List<hanvnet.Dto.Page.Table.DeliveryFeePage>();
        hanvnet.Dto.Page.Table.DeliveryFeePage deliveryFeePage = null;

        string[] strFeeList = strFeeInput.Split(Char.Parse(","));
        for (int i = 0; i < strFeeList.Length; i++)
        {
            deliveryFeePage = new hanvnet.Dto.Page.Table.DeliveryFeePage();
            string[] strFeeDetailList = strFeeList[i].Split(Char.Parse("|"));
            deliveryFeePage.DeliveryId = _deliveryId;
            deliveryFeePage.FeeId = int.Parse(strFeeDetailList[0]);
            deliveryFeePage.ReceiveId = strChargerId;
            deliveryFeePage.PlanAmount = decimal.Parse(strFeeDetailList[1]);
            deliveryFeePage.Description = strFeeDetailList[2];
            deliveryFeePage.DataStatus = 1;
            deliveryFeePage.InsDateTime = DateTime.Now;
            deliveryFeePage.InsUserId =       this.Session[hanvnet.Common.Utils.Constraints.C_SESSION_LOGINID].ToString();
          lstFee.Add(deliveryFeePage);
        }
        return lstFee;
    }
function UnOffOrderAmount(){
        //alert("不优惠");
          var UnoffOrderAmounts=0;
          $("#tbOrderMerchandise tr").each(function(){
                 var $priceTd=$("td:eq(6)",$(this) );//优惠金额
              
                UnoffOrderAmounts+=$priceTd.text()*1;
              
            });
            return UnoffOrderAmounts;
        }

<td class="tablealigncenter" nowrap>
        <input type="text" name="countId" id="countId" onblur="getAgentAccountMoney(this)"></>
    </td>

//alert($($($AgentMoney)).find("input").get(0).value);


function getBillsTable(){
                var arrbills = [];
                $("#mainTableBody tr").each(function(){
                var $productId=$("td:eq(1)",$(this) ); 
                var $baseGoldPrice=$("td:eq(5)",$(this));
                var $baseGoldAcountPrice=$("td:eq(6)",$(this));
                var $AgentMoney=$("td:eq(7)",$(this));
                 //alert($($($AgentMoney)).find("input").get(0).value);
                var $AgentAccountMoney=$("td:eq(8)",$(this));
                // alert($($AgentAccountMoney).find("input").get(0).value);
                 if($productId!=null){
                  arrbills.push($productId.text()+"/"+$baseGoldPrice.text()+"/"+$baseGoldAcountPrice.text()+"/"+$($AgentMoney).find("input").get(0).value+"/"+$($AgentAccountMoney).find("input").get(0).value);
                  }
                });
                $("#hidTableValue").val(arrbills.join(","));
                $("#createfrom").attr("action","<c:url value='/k4_oldGoldStorsge/saveFactoryBills'/>");
                $("#createfrom").submit();
          }

分享到:
评论

相关推荐

    JS获取Table中td值的方法

    特别是在表格(Table)中获取单元格(td)的值是一个常见的需求。本文将详细介绍如何使用JavaScript获取表格中td元素的值,并通过实例分析一些操作技巧。 首先,当需要获取表格中多个行的任意td值时,可以为每个td...

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    JQuery获取table一列值

    使用 JQuery 可以非常方便地获取表格(`&lt;table&gt;`)中某一列的所有值。下面将详细介绍如何使用 JQuery 来实现这一功能,并对给定代码片段进行解析。 #### 一、JQuery简介 JQuery 是一个快速、简洁的 JavaScript 库...

    用jQuery获取table中行id和td值的实现代码

    // 用jQuery获取table中td值 $("#mytable td").click(function(){ alert("table td值:" + $(this).text()); });// 用jQuery获取table中点击位置所在行的id $("#mytable td").click(function(){ // 获取td的id...

    js与jQuery实现获取table中的数据并拼成json字符串操作示例.docx

    js与jQuery实现获取table中的数据并拼成json字符串操作示例 本文主要介绍了使用JavaScript和jQuery实现从HTML表格中获取数据并将其拼成JSON字符串的操作示例。该示例涉及到JavaScript和jQuery对HTML页面表格数据的...

    用jquery-table2excel,进行导出excel表格 带图片 jquery.table2excel.js下载

    首先,`jquery-table2excel`依赖于jQuery库,所以在使用前需确保页面中已经引入了jQuery。例如,我们可以使用`jquery.min.js`这个压缩版的jQuery库。该库将提供JavaScript中的DOM操作、事件处理、Ajax等功能,使得与...

    jQuery获取table表中的td标签(实例讲解)

    例如,通过类名和ID来选取table中的行()和单元格(&lt;td&gt;),可以用来获取或者操作这些元素的内容。 3. 获取特定元素: - 使用ID选择器:例如,`$('tbody tr[sceneid=' + sceneid + ']')`可以选取具有特定sceneid...

    jquery实现table拖拽列效果

    用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。

    jquery遍历table的tr获取td的值实现方法

    最后通过`tdArr.eq(index).find("input").val()`获取每个`&lt;td&gt;`内`&lt;input&gt;`元素的值,这里的index是`tdArr`数组中的索引,分别对应不同的输入值,比如收入类别、收入金额等。 知识点四:jQuery遍历表格tr获取td值的...

    jquery获取table指定行和列的数据方法(当前选中行、列)

    在本文中,将详细介绍使用jQuery如何获取表格中指定行和列的数据,具体来说,就是如何获取当前选中行和列的数据。 首先,要获取表格中指定行的数据,可以通过绑定点击事件到表格的行元素(tr)上。在点击事件的回调...

    jquery.table2excel.js(用于table导出Excel文件)

    使用`jquery.table2excel.js`前,你需要确保已经在项目中引入了jQuery库。之后,你可以通过以下步骤来实现表格导出: 1. **引入插件**:在HTML文件中,添加对`jquery.table2excel.js`的引用。通常,这需要放置在`...

    jQuery实现动态给table赋值的方法示例

    然后,我们使用jQuery的`find()`方法找到新行中的每个单元格(id分别为"id"、"url"和"title"),并使用`text()`方法将JSON对象的相应属性值赋给它们。最后,我们使用`appendTo()`方法将新创建的行添加到表格的tbody...

    动态获取TABLE中的TD内容的资源

    在网页开发中,数据的...总结,动态获取HTML TABLE中的TD内容涉及JavaScript基础操作、DOM遍历、事件监听、异步处理以及现代Web框架的使用。理解并熟练运用这些技术,可以高效地实现网页中表格数据的动态获取和处理。

    jquery.table2excel.js 一键生成Excel表格

    jquery.table2excel.js 可一键生成Excel表格,需要jQuery.js支持 详细使用方法可见我的博客 https://blog.csdn.net/weixin_42571089/article/details/108799543

    jqueryTable编辑的实现

    在本文中,我们将深入探讨如何实现`jQuery Table`编辑功能,包括鼠标点击表格单元格进行编辑,以及在失去焦点(onblur)时通过Ajax保存数据。此外,我们还将提及与实现此功能相关的`jQuery`和`Table`技术。 首先,`...

    jQuery实现Table分页跳转

    本教程将详细讲解如何使用jQuery实现Table的分页跳转。 一、jQuery分页原理 jQuery分页的基本思想是通过JavaScript动态加载或隐藏Table中的数据行,以实现分页显示。通常会结合后端接口获取数据,根据每页显示的...

    jquery获取table中的某行全部td的内容方法

    在jQuery中,获取HTML表格(table)中特定行(tr)的所有td(表格数据单元格)内容是一项常见的任务,尤其在处理用户交互或数据操作时。以下是一个详细的方法来实现这个功能,基于给出的示例代码进行解释: 首先,...

    基于jQuery获取table数据发送到后端

    在本文中,我们将深入探讨如何使用jQuery来获取HTML表格中的数据并将其发送到后端服务器。这个场景通常出现在用户在前端界面输入数据后,需要将这些数据保存到数据库的情况。 首先,我们来看一个简单的HTML表格结构...

Global site tag (gtag.js) - Google Analytics