1

我正在使用它来指向表格中的单独 td。并且 id(dynid) 是动态创建的，因此当用户将鼠标悬停在 td 上时，我需要将位置更改为绝对位置。我尝试了下面的一个，但它不是 wroks

$('#selectTable tr td #td'+dynid).hover(

 function () {

   $(this).css("position","absolute");

 }
);

提前致谢

4

2 回答 2

2

您正在寻找元素中的td元素，但您想要td具有特定 id 的元素。有空格。你需要td#id而不是td #id.

dynid = 2; // Test

$('#selectTable tr td#td' + dynid).hover(
    function () {
        $(this).css("position","absolute");
    }
);

带有背景色的示例
http://jsfiddle.net/FKhbd/

如果悬停结束，您可能需要定义第二个处理程序。像这样的东西：

$('#selectTable tr td#td' + dynid).hover(
    function () {
        $(this).css("position","absolute");
    },
    function () {
        $(this).css("position","relative");
    }
);
于 2012-04-28T09:42:59.710 回答
0

可能你的选择器是错误的：'#selectTable tr td #td'+dynid应该变成'#selectTable tr td#td'+dynid. 您还可以明智地打开和关闭设置 position: absolute 的 css 类，如下所示：

$("#selectTable td").hover(function () {
    $(this).addClass("pos-abs"); // focus
}, function () {
    $(this).removeClass("pos-abs"); // blur
});

见http://api.jquery.com/hover/

于 2012-04-28T09:45:01.613 回答