jQuery按類查找隱藏輸入的值

Question

我有一個網頁使用結果，而循環，但我奮力用類來獲取隱藏的輸入值，列出case_id的時候class_btn被點擊。

<table>
  <tr>
      <td>
         <input type="hidden" name="case_id" class="case_id" value="<? echo $case_id; ?>" />
         <input type="hidden" name="account_id" class="account_id" value="<? echo $account_id; ?>" />
         <input type="hidden" name="user_id" class="user_id" value="<? echo $diary_id; ?>" />
         <input type="submit" name="submit_btn" value="Submit" />
         <input type="button" name="class_btn" value="get class" />
      </td>
    </tr>
</table>

我在用

case_id = $(this).prev('.case_id').val();

但是我一直得到的是undefined

Answer 1

在這種情況下，您應該使用prevAll而不是prev因為它不是直接相鄰的同級。 prevAll 將列出所有前面的兄弟元素 ，然后您可以將其過濾掉。

case_id = $(this).prevAll('.case_id').val();

Answer 2

.prev查看上一個元素，而不是上一個元素，直到找到正確的元素。 您應該獲得最接近的父容器，然后找到要查找的元素。

$(this).closest("td").find('.case_id').val();

Answer 3

嘗試這個：

case_id = $(this).closest('td').find('.case_id').val();

Answer 4

您應該能夠像這樣訪問case_id的值：

$('input[name=class_btn]').click(function(){
    alert($(this).parent().find('.case_id').val());
});