Bootstrap表悬停在具有相同列值的行上

时间:2013-05-09 21:24:22

标签: jquery twitter-bootstrap

我想问你一些提示你会怎么做的。我正在使用悬停在行上的引导表。但是我需要在特定(第一列)中悬停更多具有相同值的行。因此,当我在第一个角落中悬停其中一个具有相同值的行时,具有此值的所有行都将更改颜色。

感谢您的建议。

1 个答案:

答案 0 :(得分:0)

这不是引导问题...请参阅this jsfiddle

$('.item').on('mouseenter', function(){
    var value = $(this).text()

    $('.item').each(function(){
        $this = $(this);
        if(value == $this.text()){
            $this.addClass('active');
        }
    });
});

$('.item').on('mouseleave', function() {
    $('.item').each(function(){
        $(this).removeClass('active');
    });
});

希望这有帮助!