jquery – 选择表行,并使用Twitter Bootstrap保持突出显示

$( document ).ready(function() {
        $('#@R_675_11174@able').on('click','tbody tr',function(event) {
            //  console.log("test ");                   
        });

<table class="table table-bordered table-hover" id="@R_675_11174@able">
    <tbody>
        <tr>
        <tr class='clickable-row'>

$(this).addClass('highlight').siblings().removeClass('highlight');

你很近定位您的$(“#@R_675_11174@able”).on(…)事件上的.clickable-row类,并使用Bootstrap的.active类可以为您工作： @H_673_4@HTML：

<table class="table table-bordered" id="@R_675_11174@able">
  <tr class="clickable-row">
    <th>Example</th>
  </tr>
   <tr class="clickable-row">
    <th>Example 2</th>
  </tr>
</table>

@H_673_4@使用Javascript：

$('#@R_675_11174@able').on('click','.clickable-row',function(event) {
  $(this).addClass('active').siblings().removeClass('active');
});

@H_673_4@和一个Bootply Example

@H_673_4@注意：如果你在桌子上离开了.table-hover,你必须使用不同于.active的类,例如.bg-info(这将是一个blue hightlight)

@H_673_4@要从行中删除突出显示(即再次单击),请检查该行是否具有该类并将其删除：

$('#@R_675_11174@able').on('click',function(event) {
  if($(this).hasClass('active')){
    $(this).removeClass('active'); 
  } else {
    $(this).addClass('active').siblings().removeClass('active');
  }
});

@H_673_4@参见@ BravoZulu的原始信息的答案.