設置類在表格行中處於活動狀態

我在獲得我想要的內容方面有點受限，我希望可能有辦法做到這一點，無論是使用CSS（我懷疑）還是javascript。設置類在表格行中處於活動狀態

我有一個表，如下所示，其中drupal將分配鏈接一個「活動」類。這很好，但我想更改活動鏈接所在整行的CSS，但我無法使用drupal自動執行該操作。無論如何要查看用戶在哪個頁面上，然後向具有當前鏈接的行（tr）添加類或id？

<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-14 Dan

這將是巨大的，如果我能做到這一點。如何在引用孩子時定位父母？ – Dan

要將類添加到基於主動錨行，你可以使用closest()（如果使用jQuery），只是風格，你決定放棄使用CSS該行的類。

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

CSS

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

來源

2012-12-14 04:12:51 adeneo

感謝您的幫助，但我不知道該怎麼做。 :)任何方式來解釋更多一點？ – Dan

您的網站是否使用jQuery，我想我認爲這是大多數人最近做的事情？ – adeneo

是的，實際上，但我沒有太多的經驗與jquery，所以我不知道該放哪一行。 – Dan

<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-14 04:23:03 Vainglory07

謝謝@ vainglory07。這也可以像上面那樣工作。謝謝你的時間！ – Dan

設置類在表格行中處於活動狀態

回答

相關問題