Question

当我将鼠标悬停在表格上时，我需要更改表格中的文字颜色。为此，我使用：

$('.afishaitem_active').hover(
    function(){
        $(this).css({'border':'solid 1px #ED5353','background-color':'#FFF','color':'#ED5353'});
        $('.afishaitem_up_left_active').css('color','#000'); 
    },
    function(){
        $(this).css({'border':'none','background-color':'#ED5353','color':'#FFF'});
        $('.afishaitem_up_left_active').css('color','#000');
    }
);

和表：

<table id="afishaitem_active" class="afishaitem_active" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td>
            <table cellpadding="0" cellspacing="0" border="0" id="afishaitem_up">
                <tr valign="top">
                    <td class="afishaitem_up_left_active">'.$d.'</td>
                    <td class="afishaitem_up_right_active">data</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr valign="top" style="line-height:11px">
        <td class="afishaitem_seet_active">seet</td>
    </tr>
    <tr valign="top">
        <td class="afishaitem_name_active">name</td>
    </tr>
</table>

当悬停在表格上时，边框样式和背景颜色会发生变化，但文字颜色不会改变。

为什么文字的颜色不会改变？

Answer 1

您将鼠标悬停在鼠标上并将鼠标移出'color','#000'，将鼠标悬停（第一个功能）更改为您想要在悬停时更改为的颜色。

Answer 2

在mouseover功能中

$('.afishaitem_up_left_active').css('color','#000');

在您的mouseout功能中，您拥有相同的

$('.afishaitem_up_left_active').css('color','#000');

如果它们相同，则不会有颜色变化，将#000更改为您想要的任何颜色。

$('.afishaitem_active').hover(
        function(){
            $(this).css({'border':'solid 1px #ED5353','background-color':'#FFF','color':'#ED5353'});
            $('.afishaitem_up_left_active').css('color','#ED5353'); //changed color
        },
        function(){
            $(this).css({'border':'none','background-color':'#ED5353','color':'#FFF'});
            $('.afishaitem_up_left_active').css('color','#FFF'); //changed color
        }
    );

Try it

Answer 3

从您的表中删除此类afishaitem_up_left_active ..它应该可以解决您的问题..

<td class="afishaitem_up_left_active">'.$d.'</td>

将鼠标悬停在表格中时，更改表格中文本的颜色

3 个答案: