jquery获取table中内容的代码分享

发布时间:2020-11-04编辑:脚本学堂
介绍下JQuery操作/获取table的一例代码,供初学的朋友们参考。

之前,为大家介绍过几篇jquery操作table的文章,例如:
jquery操作table的实例代码
jQuery操作checkbox选择(list/table)的代码分享
jquery table操作在指定行后添加新行的例子
jQuery入门-使用tablesorter插件(表格排序)

今天,再介绍一个例子,用jquery获取table中的内容,有兴趣的朋友,不妨研究下。

代码如下:
 

复制代码 代码示例:
<script>
//nav_box 表格名称
$("#nav_box tr").each(function (i) {
//var text = $(this).children("td:first").text();
//var proid = $(this).find("input:hidden").val();
//alert("proid==" + i + "===" + proid);
var num = $("#ProNum" + i).val(); //数量
var price = $("#Price" + i).val();//价格
var percent = $("#Percent" + i).val(); //折扣
var discountAlinuxjishu/9952.html target=_blank class=infotextkey>mount = percent * price; //折扣价
$("#discountAmount" + i).val(discountAmount.toFixed(2)) //折扣价格
var total = discountAmount * num; //小计=折扣价*数量
$("#Total" + i).val(total.toFixed(2)); //小计
});
</script>