選擇與其他類名附近的錶行和切換類

1表 - ALT 2 - SelectedrowData

最初將有類「ALT 「點擊時，課程將改爲」SelectedrowData「。同時剩下的「SelectedrowData」類應該保留爲「alt」。

簡而言之。 當我點擊一行時，類名稱應該切換爲。當我點擊其他行時也是如此。實際上在整個表將只有1 「SelectedrowData」

我的表如下

<table> 
    <thead></thead> 
    <tbody> 
    <tr class="alt"> 
     <td>72</td> 
     <td>SALES DEPT. SALES STAFF</td> 
     <td class="fieldHide">7018072</td> 
     <td class="fieldHide">7018572</td> 
     <td class="fieldHide">7018072</td> 
     <td class="fieldHide">7018072</td> 
     <td class="fieldHide">6</td> 
     <td class="fieldHide"></td> 
     <td>Default</td> 
    </tr> 
    <tr class="SelectedrowData"> 
     <td>73</td> 
     <td>SALES DEPT. OFFICE ADMIN</td> 
     <td class="fieldHide">7018073</td> 
     <td class="fieldHide">7018573</td> 
     <td class="fieldHide">7018073</td> 
     <td class="fieldHide">7018073</td> 
     <td class="fieldHide">7</td> 
     <td class="fieldHide"></td> 
     <td>Default</td> 
    </tr> 
    <tr class="alt"> 
     <td>72</td> 
     <td>SALES</td> 
     <td class="fieldHide">7018072</td> 
     <td class="fieldHide">7018572</td> 
     <td class="fieldHide">7018072</td> 
     <td class="fieldHide">7018072</td> 
     <td class="fieldHide">6</td> 
     <td class="fieldHide"></td> 
     <td>Default</td> 
    </tr> 
    </tbody> 
</table>

來源

2012-08-27 teenu

_你試過了什麼？該示例中的 – undefined

缺失。如果您發現難以理解，請在說明中考慮。 – teenu

我已經嘗試過，只是爲了修改當前點擊的表格行。 $（本）.removeClass（「ALT」）addClass（「SelectedrowData」）;接下來，我想如何將其餘行類更改爲「alt」 – teenu

$('tr').click(function(){ 
     $(this).attr('class', 'SelectedrowData') 
     .siblings().attr('class', 'alt'); 
});

來源

2012-08-27 13:35:32 undefined

真棒... :)非常感謝:)它的工作... – teenu

+1就是這樣。兄弟姐妹（）是關鍵。 – iambriansreed

@ShishirKumarM歡迎您:) – undefined

$('tbody tr').click(function(){ 
    // First, make all the tr's have the 'alt' class 
    $('tbody tr').attr('class','alt'); 

    // Now make this tr the one with the unique class 
    $(this).attr('class', 'SelectedrowData'); 
});

來源

2012-08-27 13:27:08 Ohad

我同意代碼。我正在尋找將該行的「SelectedrowData」類轉換回「alt」的代碼。 – teenu

如果它是整個表，只是做：

$('tr').on('click', function() { 
    $(".SelectedrowData").add(this).toggleClass('alt SelectedrowData'); 
});

FIDDLE

來源

2012-08-27 13:33:19 adeneo

您可以試試這個

$('table').click(function(e){ 
    var $clickedRow; 
    if(e.target.nodeName === 'TR') { 
     $clickedRow = $(e.target); 
    } else { 
     if($(e.target).parents('tr').length > 0) { 
      $clickedRow = $(e.target).parents('tr'); 
     } else { 
      $clickedRow = undefined; 
     } 
    } 

    if($clickedRow) { 
     $('.SelectedrowData').removeClass('SelectedrowData'); 
     $clickedRow.removeClass('alt').addClass('SelectedrowData'); 
    } 
});

這將處理點擊tr和td。

來源

2012-08-27 13:33:57 Ankur

選擇與其他類名附近的錶行和切換類

回答

相關問題