当前位置:  编程技术>jquery

Jquery遍历Table表头(示例)

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: Jquery遍历Table表头。 例子:   代码示例: /** * 遍历table的表头 * 编辑:www. */ function CheckTotal(textBoxObj)  {      var trNode = textBoxObj.parent().parent(); //获取input的“爷爷”--tr        var totalIdex = 0;      var st...

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

例子:
 

代码示例:
/**
* 遍历table的表头
* 编辑:www.
*/
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导航/表头固定插件 Posfixed
  • jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
  • jquery遍历筛选数组与遍历解析json对象
  • jquery遍历checkbox代码与说明
  • jquery进行数组遍历如何跳出当前的each循环
  • jquery遍历checkbox的注意事项说明
  • jquery遍历checkbox简单示例
  • jquery遍历checkbox介绍
  • jQuery遍历Table应用示例
  • jQuery基于当前元素进行下一步的遍历
  • jquery遍历select元素的二种方法(实例)
  • jquery遍历select元素(实例讲解)
  • Jquery遍历checkbox获取选中项value值的方法
  • jquery中each遍历对象和数组示例
  • Jquery遍历修改url请求参数的代码详解
  • jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
  • Jquery遍历节点的实现代码
  • jquery遍历与修改url请求参数的方法
  • JQuery 节点遍历的例子
  • Jquery遍历节点的方法小集
  • Jquery节点遍历next与nextAll方法使用示例
  • Jquery 三层遍历与删除的代码示例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery定时器插件 jQuery Timers应用示例
  • jquery打开dialog的简单示例
  • jQuery animate方法定位页面具体位置(示例)
  • jQuery设置input type值示例
  • jquery弹窗代码示例
  • jquery的父子兄弟节点查找示例代码
  • jquery获取第几个元素方法示例 jquery选择器
  • jquery动态添加option示例
  • Jquery定时器的简单示例
  • JQuery获取上传文件大小(示例)
  • Jquery在指定DIV加载HTML示例代码
  • jQuery获得内容和属性示例代码
  • jQuery的each终止或跳过示例代码
  • jQuery获得内容和属性方法及示例
  • jquery根据name属性查找示例
  • jQuery find与children方法示例
  • jQuery回车键绑定点击事件示例
  • jQuery 滚动示例插件 kinetic
  • jQuery设置CSS属性(示例)
  • jquery制作搜狐快站页面效果示例分享
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3