追加された要素のスタイル

.append()を使っていくつかのWebページを構築し、生成された別の親要素に要素を追加します。私は追加された要素をスタイルしたいと思いますが、.css()を使って与えられたスタイルは適用されません。おそらくこれらの要素がまだページに追加されていないという事実のためでしょうか？ここで追加された要素のスタイル

は私のコードです：聞きしたいbodyに追加したら、

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のをループし、別の.each()が必要です、またはよりよい、クリーンな解決策はありますか？

各spanにはページ上の別の要素から幅が与えられていることを忘れていましたので、CSSとクラスだけではできません。

出典

2011-07-26 Bojangles

を見てください。 – DanielB

それはちょうど私がばかだと証明されています。ヘッドアップをありがとう。私は質問に 'css（）'を追加しました。 – Bojangles

あなたは 'stickyHeader's'htmlを選択しています。これは' stickyHeader'のhtmlで、 ''タグで囲まれていますか？冗長ではないですか？ – Phil

コンテナdivには適用されていますが、追加された要素ではありません。試してみてください：

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

出典

2011-07-26 13:54:48 karim79

これは本当にうまく動作します。簡単な解答と丁寧な答えをありがとう。 – Bojangles

@JamWaffles - あなたも大歓迎です:) – karim79