未定義的jQuery值

Question

我有一個動態表，每行有4列。

• 第1列有一個標籤。
• 第2列有一個輸入類型= class gvRate的文本。
• 第3列有一個輸入類型= class gvMax的文本。
• 第4列有一個帶有記錄標識名稱屬性的按鈕圖像。

我試圖確定按鈕被點擊時的輸入值，但警報類似「3 undefined undefined」。我知道我沒有正確使用其中一個選擇器，但不知道是哪一個。

下面的代碼：

$(document).ready(function() { 
    $("img.btnUpdate").click(function(){ 
    var id = $(this).attr("name"); 
    var rate = $(this).parent().find(".gvRate").val(); 
    var max = $(this).parent().find(".gvMax").val(); 
    alert(id + ' ' + rate + ' ' + max); 
    }); // end btnUpdate click 
}); // end document.ready function 

這裏是HTML（那種）

 <div id="editInnerContent">  
     <table id="gvEdit" align="center" border="1" cellpadding="5px" style="width:600px;"> 
    <tr> 
     <th style="width:40%;text-align:center;">ITEM</th> 
     <th style="width:20%;text-align:center;">RATE</th> 
     <th style="width:20%;text-align:center;">MAX</th> 
     <th style="width:20%;"></th> 
    </tr> 

    <?php 
foreach($globalVars as $arrGV){ 
     echo "<tr>"; 
     echo "<td><label class='gvItem'>" . $arrGV['item'] . "</label></td>"; 
     echo "<td><input type='text' class=gvRate' value='" . $arrGV['rate'] . "' /></td>"; 
     echo "<td><input type='text' class=gvMax' value='" . $arrGV['max'] . "' /></td>"; 
     echo "<td style='text-align:center;'><img class='btnUpdate' name='" . $arrGV['id'] . "' src='" . base_url() . "images/update.png' /></td>"; 
     echo "</tr>"; 
} // end foreach 
    ?> 
     <tr> 
    <td colspan="3"> 
     &nbsp; 
    </td> 
     </tr> 
     <tr style="background:#DC241F;"> 
    <td colspan="4" style="text-align:center;"> 
     <img id="btnExitGlobalValues" src="<?php echo base_url(); 
      ?>images/exitGlobalValues.png" /> 
    </td> 
     </tr> 
     </table> 
</div> <!-- END editInnerContent DIV --> 

Answer 1

如果這是你需要去了水平母公司的真正HTML表格。

第一次致電.parent()將帶您到<td>，然後您需要另一個去<tr>。

或者使用：

$(this).closest('tr').find(...)