亚洲国产一区二区在线,91高清在线,91在线看片

用Jquery獲取table中td的值

Posted on 2011-12-15 09:23 哈希閱讀(7829) 評論(1) 編輯收藏

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

Jquery 代碼部分

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

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

                         })

               });</SCRIPT >

用Javascript 獲取table中td的值：

直接就寫JS拉，借用上面table

因為這個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();
          }

# re: 用Jquery獲取table中td的值 回復 更多評論

2014-09-24 11:54 by efg

ettg

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

如何學好java

用Jquery獲取table中td的值

評論

# re: 用Jquery獲取table中td的值 回復 更多評論

日歷

常用鏈接

留言簿

隨筆分類

隨筆檔案

文章檔案

新聞檔案

搜索

最新評論

閱讀排行榜

評論排行榜

如何學好java

用Jquery獲取table中td的值

評論

# re: 用Jquery獲取table中td的值 回復 更多評論

日歷

常用鏈接

留言簿

隨筆分類

隨筆檔案

文章檔案

新聞檔案

搜索

最新評論

閱讀排行榜

評論排行榜

# re: 用Jquery獲取table中td的值回復更多評論