如何从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>

所以据我所知，当有超过1个id时，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()); 
})

"click“函数使您可以访问此元素，这是您单击的元素。Find然后查找具有类.inner_row_id的元素的任何后代。

Link to jsFiddle

Answer 2

正如我所看到的，您是动态创建输入的，所以请使用下面的JS：

$(".row_id").on('click',function(e){
  var row_id = $(this).children('.inner_row_id').val();
  alert("Le click thyuu....");
});

。