javascript - 在 TD 行内显示图标

Question

目标:
当我将光标放在 td 行内时，应该会出现一些图标，您应该可以单击它们。图标包含链接。

当您将光标放在新的 td 行时，前一个 td 行应该是默认的，新的 td 行应该有新的图标。

请看图片。

问题:
我不知道如何创建它。

信息:
我正在使用 Bootstrap 、jquery 和 Visual Studio。

Answer 1

您可以在创建行时放置所有图标。就给个风格

style='display:none;'

然后通过 jquery 遍历行

$(table tr).each(function () {
    if ($(this).is(':hover')) 
      $('icondiv').show();
    else
    $(this).hide();
});

然后，如果您想根据对这些图标的点击执行某些操作，则可以将 data-* 属性与这些图标一起放置并跟踪该特定行。

从 jquery 中，您可以使用 data() 函数获取 data 属性，例如

$('icondiv').data('id');