0

我在获得我想要的东西方面有点有限,我希望也许有一种方法可以做到这一点,无论是使用 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>
4

2 回答 2

1

要基于活动锚向行添加一个类,您可以使用closest()(如果使用 jQuery),只需使用 CSS 设置您决定赋予该行的类的样式。

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

CSS

.active_row {color: green; height: 300px;}
于 2012-12-14T04:12:51.503 回答
0
   <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>

希望这可以帮助

于 2012-12-14T04:23:03.350 回答