Jquery獲取表格當前行中其他列的值和其他列中input輸入框中的值。

Jquery獲取表格當前行中其他列的值和其他列中input輸入框中的值。

先上表格程式碼（為了精簡，有些樣式程式碼減掉了）

<table>
  <tr>
    <td class="title1">車樁編號</td>
    <td class="title1">所在車點</td>
    <td class="title1">存放車輛</td>
    <td class="title1">操作</td>
 

  </tr>
  <c:forEach items="${pileList }" var="pile">
     <tr id="pile">
        <td align="center">
            ${pile.pileCode }
            <input type="hidden" name="pileId" value="${pile.pileId }" class="pid" >
        </td>
        <td align="center">${pile.station.stationName</td
 
>
        <td align="center">${pile.bicycle.bicycleCode }</td>
        <td align="center">
            <input type="button" value="租車">
        </td>
      </tr>
  </c:forEach>
</table>

從表格程式碼可以看出，表格第一列後面其實都跟有一個隱藏的輸入框，表格效果：

當我們點選“租車”按鈕時怎麼獲取當前行第一列後面跟的隱藏輸入框中的值呢？
Jquery方法：
因為這裡資料是用c:forEach

<input type="button" value="租車" class="rentCar"">

然後Jquery這樣寫：

$(function(){
    //給按鈕繫結點選事件
    $(".rentCar").on("click",function(){
        //獲取當前行隱藏輸入框中的值
        var pileId=$(this).closest("tr").find("input[class='pid']").val();
        alert(pileId);
        //或者下面這樣寫也一樣可以
        pileId=$(this).parents("tr").find(".pid").val();
        alert(pileId); 
    })
})  

這樣就好了。
如果習慣了直接在按鈕後跟onclick()的話，記得要這樣寫：

<input type="button" value="租車" onclick="rentCar(this)">

Jquery的話大同小異，這麼寫：

function rentCar(Obj){
    //獲取當前行隱藏輸入框中的值
    var pileId=$(Obj).closest("tr").find("input[class='pid']").val();
    alert(pileId);
    //或者這麼寫也一樣的
    pileId=$(Obj).parents("tr").find(".pid").val();
    alert(pileId); 
}