最近做项目时需要用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();
}
分享到:
相关推荐
下面小编就为大家带来一篇用jQuery获取table中行id和td值的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
最近需要获取到某个table下每一行某一列的值,用jQuery做了一会儿,过程如下,仅供参考: <table name=info><tr><td>lily<span>okok</span></td></tr><tr><td>18</td></tr><tr xss=removed><td>hahhha</td></tr>...
下面小编就为大家带来一篇jQuery获取table表中的td标签(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。
下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jquery获取table中的某行全部td的内容方法,需要的朋友可以参考一下
主要介绍了jQuery实现获取table中鼠标click点击位置行号与列号的方法,涉及jQuery事件响应及针对table表格元素相关操作技巧,需要的朋友可以参考下
今日项目中需要用到取table选中列的数据,网上资料发现都不能获取到选中指定列的数据,通过分析测试后总结出以上代码,可以获取选中行/列的数据。取td的数据不是.val(),也不是.html()。经过多次测试才发现是通过...
本文实例讲述了jQuery实现获取table表格第一列值的方法。分享给大家供大家参考,具体如下: 先来看看运行效果截图: 完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
下面小编就为大家带来一篇jQuery 获取遍历获取table中每一个tr中的第一个td的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
主要介绍了jQuery+ajax实现动态添加表格tr td功能,结合实例形式分析了jQuery基于ajax动态创建页面table元素相关操作技巧,需要的朋友可以参考下
table双击td修改内容。纯手工,纯前端无后端。可以应用后端,不过需要自己修改样式。白嫖党:https://blog.csdn.net/qq_38508172/article/details/82660950
jquery动态无刷新更新table单元格内容
基于jquery可拖动表格 jquery 表格行可拖动 源码 使用说明
今天在页面中使用jQuery实现了全选框操作,如图: 具体的实现过程很简单: 第一步 设计一个简单的表格: 设置表格列标题,在列标题中的单选框为全选框; 设置表格题,表格题的单选框就是普通的单选框啦: <table> ...