jquery - 设置附加元素的样式

Question

我正在使用 .append() 构建一些网页，以将元素添加到另一个生成的父元素中。我想对添加的元素进行样式设置，但没有应用使用 .css() 赋予它们的样式，可能是因为这些元素尚未添加到页面中？

这是我的代码:

var stickyHeader = $("<div></div>");

$(".stickyHeader").find("th").each(function() {
    var offset = $(this).offset().left;
    var objWidth = $(this).width();

    stickyHeader.append("<span>" + $(this).html() + "</span>").css({width: objWidth, top: 0, left: offset, position: 'fixed'});
});

$("body").append("<div class=\"stickyHeader\">" + stickyHeader.html() + "</div>");

一旦将 span 添加到 body 中，我是否需要另一个 .each() 来循环它们，或者是否有更好的，更清洁的解决方案？

我忘了提及，每个 span 都从页面上的另一个元素获得宽度，因此这不能仅通过 CSS 和类来完成。

Answer 1

您正在将 css 应用到容器 div 而不是附加元素，我猜这就是您所追求的。尝试:

var span = $("<span>" + $(this).html() + "</span>");
             .css({width: objWidth, 
                   top: 0, 
                   left: offset, 
                   position: 'fixed'});
stickyHeader.append(span);