0

JQueryを使用しようとしています。マウス ホバー イベントで、TD の背景色を変更したい。これは私がこれまでに試したことです。しかし、まったく機能していません。

<html>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$('.row1td1').hover(function() {
    $('.row2td1').css('color', 'red');
}, function() {
    $('.row2td1').css('color', '');
});
</script>
<head>
        <!-- Bring to you by http://www.CSSTableGenerator.com -->
        <link rel="stylesheet" href="table.css" type="text/css"/>   
</head>
    <body>
        <div class="CSS_Table_Example" style="width:600px;height:150px;">
            <table >
                <tr> 
                    <td id="row1td0">
                        Title 2
                    </td>
                    <td id="row1td1">
                        Title 2
                    </td>
                    <td>
                        Title 3
                    </td>
                </tr>
                <tr> 
                    <td id="row2td0">
                        Title 1
                    </td>
                    <td id="row2td1">
                        Title 2
                    </td>
                    <td>
                        Title 3
                    </td>
                </tr>
                </table>
        </div>
    </body>
</html>
4

4 に答える 4

4

そのために jQuery を使用するべきではありませんが、問題は を使用id="row2td1"してから、クラスとしてアクセスしようとすることです。

この CSS を試してください:

#row2td1:hover {color:red}
于 2013-07-12T21:08:19.583 に答える
0

コードは DOM の準備が整うまで待っていません。これを試してください:

$(function(){
    $('#row1td1').hover(
        function() {
            $('#row2td1').css('color', 'red');
        }, 
        function() {
            $('#row2td1').css('color', '');
        }
    );
});
于 2013-07-12T21:07:55.933 に答える
0

他の 2 つが言ったように、クラスではなく ID でタグ付けしていることを確認する必要があります。また、jQuery を実行する前にドキュメントの準備が整っていることを確認する必要があります (個人的には、この状況に最適であると信じています)。

$(document).ready(function(){
    $(#row1td1).hover(function() {
        $(#row2td1).css('color', 'red');
    }, function() {
        $(#row2td1).css('color', '');
    });
});
于 2013-07-12T21:10:57.610 に答える