通過選擇多個td類來添加和刪除懸停上的類？

有人可以幫我我的網站是：zenart website。應該發生的事情是在懸停在表格的每一列上添加一級突出顯示。我在每個相應的每個td中添加了相同的類以創建列。通過選擇多個td類來添加和刪除懸停上的類？

這是我的jQuery代碼：

$(document).ready(function() {   
var a = $ 

a('.column1, .column2, .column3, .column4, .column5').hover(
    function(){ a(this).addClass('highlight') }, 
    function(){ a(this).removeClass('highlight') }) 
});

來源

2013-02-13 user2067358

入住這:) http://stackoverflow.com/questions/1143614/jquery-highlighting-selected-columns-only-in-a-table – ssbb 2013-02-13 07:07:22

它扔了什麼錯誤？ – asifsid88 2013-02-13 07:07:55

在網站上，類名是'.1column，.2column ...'，而不是'.column1，.column2，'。你最好給你的表一個ID並使用'$。（'＃tableId td'）' – 2013-02-13 07:09:47

這應該爲你工作。您必須從所有類中提取類的名稱，並查看當前選擇哪個類xcolumn。然後將風格應用到該類。

$(".1column, .2column, .3column, .4column, .5column").hover(
     function() { 
      var classes = $(this).attr('class'); 
      var n = classes.indexOf("column"); 
      var className = "." + classes.substring((n-1),(n+7)); 
      $(className).addClass("highlight"); 
     }, 
     function() { 
      var classes = $(this).attr('class'); 
      var n = classes.indexOf("column"); 
      var className = "." + classes.substring((n-1),(n+7)); 
      $(className).removeClass("highlight"); 
     } 
    );

來源

2013-02-13 07:42:24

我看到你改變了從「高亮」到「懸停」的類的名字。請相應改變。 – 2013-02-13 07:46:30

我看到你的類名是1column而不是column1 ..所以選擇應該是

a('.1column, .2column, .3column, .4column, .5column').hover({....

來源

2013-02-13 07:10:58 bipen

$("[class*=column]").hover(function() {

指定每一個元素可以是難。您可以使用*=來匹配該元素與column的類別。

來源

2013-02-13 07:15:26

你可以用這一個嘗試：

$('nav li').hover(function(){ 
    $(this).addClass('highlight'); 
},function(){ 
    $(this).removeClass('highlight'); 
});

來源

2013-02-13 07:24:49 Jai

通過選擇多個td類來添加和刪除懸停上的類？

回答

相關問題