javascript - 如何从 jQuery 中的隐藏字段获取数据？ (隐藏字段用 class 代替 id)

Question

我正在从数据库获取数据:

<table>
    <?php
    $select_data = mysql_query(" select * from `data_table` ") or die(mysql_error());
    while($data_row = mysql_fetch_array($select_data))
    {
   ?>
   <tr>
      <td> 
         <img src="../Stuff-site_data_images/<?php echo$data_row['data_image_name']?>" width="100" height="100" /> 
      </td>
      <td> <?php echo $data_row['data_image_name'];?> </td>
      <td> <?php echo $data_row['data_description'];?> </td>

我想从这里获取数据:

      <td align="center" class="row_id">
          <input class="inner_row_id" type="hidden" value="<?php echo $data_row['data_id'];?>" name="show_detail_button" id="show_detail_button"> Show All
      </td>

我想从这里获取数据:

      </tr>
     <?php
     } 
     ?>
</table>

据我所知，当 id 超过 1 个时，jQuery 会发生冲突，这就是我使用 CSS 类名 "row_id"和 "inner_row_id" 的原因。当我点击 "row_id" 时，我想要 "inner_row_id" 的值为此，我编写了以下代码:

        $(".row_id").click(function(e){
            var row_id = $(".inner_row_id").val();
            alert("Le click thyuu....");
        });

有没有人建议我在这方面该怎么做......

Answer 1

这应该有效

$(".row_id").click(function(e){
  alert($(this).find('.inner_row_id').val()); 
})

“单击”功能使您可以访问它，即您单击的元素。然后 Find 查找具有类 .inner_row_id 的元素的任何后代。

Link to jsFiddle