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不熟悉，花費很久才學會這個獲取單元格的信息，希望對遇見同樣問題的童鞋有所幫助；