小编Nan*_*niG的帖子

如何在特定文本上的鼠标悬停和鼠标悬停时显示/隐藏编辑图标。

这是我的 html 代码片段

<ul>
    <li>
        <a id="pop" href="javascript:;;" data-content="test Desc" data-id="123">
            <span class="testNameInfo">Test</span>
        </a>
        <div class="pull-right icons-align">
            <a href="javascript:;;" class="editInline"><i class="fa fa-pencil"></i>..</a>
            <a href="javascript:;;"><i class="fa fa-plus"></i></a>
            <a href="javascript:;;"><i class="fa fa-times"></i></a>
        </div>
    </li>
</ul>

当页面加载时，fa-pencil 图标处于隐藏状态。当我将鼠标悬停在文本上时，它应该显示 fa-pencil 图标。剩余的图标（添加和删除）始终处于显示状态。

这是我隐藏 fa-pencil 图标的 javascript

$("a.editInline").css("display","none");

我正在使用主干和牵线木偶 js 框架，所以我需要在视图中注册事件。

请让我知道摆脱我的问题的最佳方法是什么。