教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery获取table中内容的代码分享

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

发布时间:2015-10-27   编辑:jiaochengji.com
介绍下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 discountAmount = percent * price; //折扣价
$("#discountAmount" + i).val(discountAmount.toFixed(2)) //折扣价格
var total = discountAmount * num; //小计=折扣价*数量
$("#Total" + i).val(total.toFixed(2)); //小计
});
</script>

您可能感兴趣的文章:
JQuery动态删除Table表格的行与列
jquery获取table中内容的代码分享
jQuery获得内容与属性方法
JQuery 操作/获取table具体代码
js判断当前页面是否被iframe引用的方法
Jquery 获取元素位置序号的实例代码
jquery\js 选中文本框中内容的方法
phpQuery采集网页的实例分享
jquery检验用户是否已注册的实例代码
一样的table?不一样的table(可编辑状态table)

[关闭]
~ ~