教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery遍历Table表头(示例)

Jquery遍历Table表头(示例)

发布时间:2015-11-27   编辑:jiaochengji.com
分享一个jquery遍历table表头信息的代码,学习下jquery table的操作方法,有需要的朋友参考下吧。

本节内容:
jquery遍历Table表头。

例子:
 

复制代码 代码示例:
/**
* 遍历table的表头
* 编辑:www.jbxue.com
*/
function CheckTotal(textBoxObj) 

    var trNode = textBoxObj.parent().parent(); //获取input的“爷爷”--tr   
    var totalIdex = 0; 
    var standardpackIndex = 0; 
    var availableIndex = 0; 
    var remarksIndex = 0; 
    $("#dgItem").find('th').each(function (thindex, thitem) { //遍历Table dgItem的th 
        var headCaption = $(thitem).text(); 
        if (headCaption == "Standard Pack") { 
            standardpackIndex = thindex; 
        } 
        if (headCaption == "Total") { 
            totalIdex = thindex; 
        } 
        if (headCaption == "Available") { 
            availableIndex = thindex; 
        } 
        if (headCaption == "Remarks") { 
            remarksIndex = thindex; 
        } 
    });
    var total = 0; 
    for (var j = standardpackIndex + 1; j < totalIdex; j++) { 
        var textBox = trNode.children().eq(j).children(); 
        if (!isNaN(textBox.val()) && textBox.val() != "") { 
            total += parseInt(textBox.val()); 
        } 
        else { 
            total += 0; 
        } 
    }
    if (total != 0) { 
        trNode.children().eq(totalIdex).children().val(total); 
    } 
    else { 
        trNode.children().eq(totalIdex).children().val(""); 
    } 
    var availableQty = parseInt(trNode.children().eq(availableIndex).text()); 
    if (total > availableQty) { 
        trNode.children().eq(remarksIndex).children().val("Qty not enough"); 
    } 
    else { 
        trNode.children().eq(remarksIndex).children().val(""); 
    } //table表头遍历 完毕
}

您可能感兴趣的文章:
Jquery遍历Table表头(示例)
JQuery学习笔记 nt-child的使用
关于jquery中全局函数each使用介绍
使用jquery对json对象进行each操作
jquery遍历checkbox简单示例
js数组声明与数组遍历的方法
初窥JQuery(一)jquery选择符 必备知识点
jQuery遍历Form示例代码
php无限遍历目录代码
jQuery解析JSON数据实例详解

[关闭]
~ ~