如何从jQuery的隐藏字段中获取数据？ （隐藏字段有代替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()); 
})

＆＃34;点击＆＃34;函数使您可以访问它，这是您单击的元素。然后查找具有类.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....");
});

DEMO