Question

我能够得到我想要的东西有点受限，我希望也许有办法做到这一点，无论是CSS（我怀疑）还是javascript。

我有一个表格，如下所示，drupal会为链接分配一个“活动”类。这很好，但是我想更改活动链接所在的整行的CSS，而我无法使用drupal自动执行该操作。无论如何要查看用户所在的页面，然后将类或ID添加到具有当前链接的行（tr）？

<table class="views-table cols-0" thmr="thmr_80">
  <tbody>
    <tr class="odd views-row-first">
      <td class="views-field views-field-counter">
       <a href="#">Link 1</a>          
      </td>
    </tr>
    <tr class="even">
      <td class="views-field views-field-counter">
        <a href="#" class="active">Link 2</a>
      </td>
    </tr>
  </tbody>
</table>

Answer 1

要根据活动锚点向行添加类，可以使用closest()（如果使用jQuery），只需设置您决定使用CSS为该行提供的类的样式。

$(function() {
    $('.views-table a.active').closest('tr').addClass('active_row');
});

CSS

.active_row {color: green; height: 300px;}

Answer 2

   <script src="/jquery-1.2.6.js"></script>
   <script type="text/javascript">
   $(document).ready(function(){
       $('td.views-field a.active').css("color","900");
   });
   </script>


   <table class="views-table cols-0" thmr="thmr_80">
     <tbody>
       <tr class="odd views-row-first">
         <td class="views-field views-field-counter">
          <a href="#">Link 1</a>          
         </td>
       </tr>
       <tr class="even">
         <td class="views-field views-field-counter">
           <a href="#" class="active">Link 2</a>
         </td>
       </tr>
     </tbody>
   </table>

希望这会有所帮助

在表行中将类设置为活动状态

2 个答案: