使用引导表获取“a”元素的id

时间:2015-08-27 12:23:32

标签: javascript jquery twitter-bootstrap

我想得到一个元素的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'));      
 });

我不知道如何获取attr的{​​{1}} ID。所以我尝试a,但它不起作用。

请帮忙!

2 个答案:

答案 0 :(得分:2)

您可以使用点击的tr获取锚标记     $(this).find('a')

现在$(this).find('a').attr('id')会为您提供ID

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

答案 1 :(得分:-1)

你想要获得id的“a”,没有足够的指定,所以它正在寻找任何标签的id。你需要在你点击的'tr'中询问'a'的属性。

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

});

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

});