jquery - 如何将 "veil"div 添加到表行

标签 jquery html-table

我不知道如何正确地将veil添加到表格行。

请参阅此http://jsfiddle.net/gKVpm/

我想要发生的是,在加载时,通过添加一个 div 来禁用表格的第一行和第三行,该 div 将充当覆盖它的面纱。我尝试动态创建一个 div(面纱),但我不知道将面纱添加到行的正确方法。请帮忙。

最佳答案

你可以试试

function putVeil (rowNumber) {
    $("#tblData tbody tr:eq("+rowNumber+")").each(function(i) {
        var offset = $(this).offset();
        var veil = $('<div class="divVeil"></div>').appendTo('body').css({
            position: 'absolute',
            top: offset.top,
            left: offset.left,
            height: $(this).outerHeight(),
            width: $(this).outerWidth()
        });
    });
}

演示:Fiddle

关于jquery - 如何将 "veil"div 添加到表行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14929095/

相关文章:

javascript - 如何使用 JavaScript/JQuery 创建简单的 map

javascript - 根据下拉选项值显示/隐藏具有多个属性值的 DIV "jQuery Filter Method"

javascript - JQuery - 如何在每次按下按钮时创建一个新的可拖动 div

jquery - 未捕获的类型错误 : Cannot read property 'getJSON' of undefined

jquery - 如何使用 Jquery 复制表的第一行?

iphone - 在 PhoneGap+jQuery Mobile 中使用 ajax 的 CORS 无法在设备上运行,但可以在浏览器上运行

javascript - 在 <td> 中生成动态表

javascript - append 多个元素的推荐方法

HTML 表格 rowspan 不能与我的 CSS 一起正常工作

html - 使表格单元格保持相同的宽度