javascript - 使用 Bootstrap 表获取 'a' 元素的 id

Question

我想获取一个元素的 id。我正在使用 Bootstrap 表来显示数据库中的数据列表。当用户单击一行时，我想将用户重定向到其他页面。

这是我的表的声明:

while ($data = pg_fetch_array($res))
{       
   echo' <tbody>
                <tr>
                    <td><a id="'.$data['id_essai'].'"> //This is the id that I want to get !!
                        '.$data['id_essai'].'
                    </a></td>
                    <td>
                        '.$data['nom_local_essai'].'
                    </td>           
                    <td>
                        '.$data['thematique'].'
                    </td>
                </tr>
        </tbody>                    
        ';
}

我使用这个函数，当用户单击一行时发生:

 $('table').on('click', 'tr' , function (event) {
        console.log($('a').attr('id'));      
 });

而且我不知道如何获取我的 a 的 attr id。所以我尝试了 $('a').attr('id') 但它不起作用。

请帮忙!

Answer 1

您可以使用以下方法获取单击的 tr 内的 anchor 标记 $(this).find('a')

现在 $(this).find('a').attr('id') 将为您获取 id

  $('table').on('click', 'tr' , function (event) {
       console.log($(this).find('a').attr('id'););
  });