jquery - jQuery 选择器的问题

Question

我有这张表:

<table>
    <tr class="row">
        <td>Title
            <div class="action">hello</div>
        </td>    
        <td>Rorow</td>
    </tr>
    <tr class="row">
        <td>Title
            <div class="action">hello</div>
        </td>  
        <td>Rorow</td>
    </tr>
</table>

我想让 child 在我将鼠标悬停在该行上时消失。所以我做了这个，但它也选择了所有其他操作:

$(".row").hover(
        function () {
            $(".action").css("visibility","hidden");
        },
        function () {
            $(".action").css("visibility","visible");
        }
    ); 

我错过了什么吗？

Answer 1

您也可以在纯 CSS 中执行此操作。

tr.row .action {
    display:block;
}

tr.row:hover .action {
    display:none;
}