javascript - jQuery悬停在列表项上，显示该单个项的删除按钮

以下是我所拥有的预览：







右边是我徘徊的时候。我想要的是删除图标仅针对该悬停项目显示。

<script>
$(document).ready(function(){

    $(".removeService").hide();

    // Deleting an Individual Service
    $("#dashboard ul li span").hover( function() {
        $(".removeService").show();
    });

});
</script>

这可能是一个非常简单的解决方法，但是如果有人能指出正确的方向，我将非常感激。

谢谢！

最佳答案

<script>
$(document).ready(function(){

    $(".removeService").hide();

    // Deleting an Individual Service
    $("#dashboard ul li span").hover( function() {
        $(this).find(".removeService").show();
    });

});
</script>

假定.removeService嵌套在#dashboard ul li span中。如果不是这种情况，请提供您的html。

在代码this中是悬停的实际span。 find将在该范围内搜索具有removeService类的所有元素。