Question

我在Jquery

中有以下代码

$(document).ready(function() {

    // bind to cells with an ID attribute
    $("table > tbody > tr > td[id]").mouseover(function() {

        // grab the anchor from the LI whose ID starts with the cell's ID
        var $tooltip = $("div:hidden li[id^=" + $(this).attr("id") + "] a");

        // append it to the current cell
        $(this).append($tooltip);
    }).mouseout(function() {

        // remove the anchor/tooltip
        $(this).find("a").remove();
    });
});

现在您可以在上面的代码中看到已经在 MOUSEOVER 事件上完成了某些事情。问题是，在特定 TD 上 MOUSEOVER 之前，它不会显示我的锚标记。我希望当我的页面加载时，它将显示 TD 中的所有锚点，而不显示任何 MOUSEOVER 或任何 EVENTS 。

我想在页面加载事件上编写此代码，请提示！

Answer 1

将mouseover替换为each，您将拥有所需的功能。

Answer 2

尝试这样的事情：

$(document).ready(function() {
  $.map( $("table > tbody > tr > td"), function(elem){
    var tooltip = $("div:hidden li[id^=" + $(elem).attr("id") + "] a");
    $(elem).append(tooltip);
  });
});

如何在页面加载时使用Jquery执行活动

2 个答案: