按ID选择Bootstrap表行

时间:2019-01-15 09:31:07

标签: twitter-bootstrap bootstrap-4

我需要选择(突出显示)特定的表行(它是Bootstrap 4表)。
这是示例代码:

git branch cica refs/tags/cica

在顶部,我有一个链接(选择),单击时,我只需要选择第3行(突出显示)。换句话说,如果选择了其他某行,则应取消选中该行,而仅选择第3行。
请怎么做?
谢谢

1 个答案:

答案 0 :(得分:1)

由于您使用的是jQuery,因此我删除了onclick属性。然后我添加了一个名为data的{​​{1}}属性,您可以在其中放置id的ID。

<a>
$(function() {
  $('a').on('click', function() {
    var id = $(this).data('id');
    $('tr').removeClass('highlight');
    $('#row' + id).addClass('highlight');
  })
})
.highlight {
  background-color: green;
}