zoukankan      html  css  js  c++  java
  • jquery 获取 TABLE单元格的值

    1、JQ部分:

    var tds = $("#table1 td");

       tds.click(function(){ //给所有td添加点击事件
           var tdSeq = $(this).parent().find("td").index($(this)[0])+1;//获取总列数
           var trSeq = $(this).parent().parent().find("tr").index($(this).parent()[0])+1;..获取总行数

           var pagevhMeal1=$("#table1 tr:nth-child("+trSeq+") td:nth-child("+tdSeq+") input:eq(0)").val();//获取第一个input的值
           var pagevMeal1=$("#table1 tr:nth-child("+trSeq+") td:nth-child("+tdSeq+") input:eq(1)").val();();//获取第二个input的值

         });
      });

    说明:table1 是table 的id;

    2、TABLE部分(下面代码仅仅只是一列的信息)

    <td>
               <img id="img0" src="<%=path%>/image/<s:property value="imag" />" >
               <input id="vhMeal1" name="vhMeal1" type="hidden" value="<s:property value="vhMeal1" />" />
               <input id="vMeal1" name="vMeal1" type="hidden" value="<s:property value="vMeal1" />" />
              
      </td>

    3、补充 对于设置单元格的img图片 按照上面的写法也是可以实现的

    如:(实现图片动态切换)

    imgPath = "<%=path%>/image/tick_160.jpg";

    var pageImg=$("#table1 tr:nth-child("+trSeq+") td:nth-child("+tdSeq+") img").attr("src",imgPath);

    注:对JQ不熟悉,花费很久才学会这个获取单元格的信息,希望对遇见同样问题的童鞋有所帮助;

  • 相关阅读:
    Weblogic部署项目过程中的一些问题
    Weblogic部署项目三种方式
    weblogic的下载安装及myeclipse的配置
    浅谈WebLogic和Tomcat
    完全卸载MySQL重新安装MySQL
    服务器部署多个tomcat经验
    Java中的Bigdecimal类型运算
    微信APP支付Java后端回调处理
    mapreduce运行的bug收录
    重装java后hadoop配置文件的修改
  • 原文地址:https://www.cnblogs.com/dyllove98/p/3146834.html
Copyright © 2011-2022 走看看