jquery - jQuery オブジェクトを wrapInner 関数で使用した後、その css を更新するにはどうすればよいですか?

Question

単純化されたスタイリングを使用した単純化された div があります。

<div id="divOne" style="width:400px;height:300px;background:#f00">
  This is my content to be wrapped.
</div>

jQuery オブジェクトを作成し、アタッチ後にスタイルを設定したいと考えています。

$(document).ready(function(){
  var divTwo = $('<div \>').css('background','#0f0');
  $('#divOne').wrapInner(divTwo);
  divTwo.css('background','#00f');
});

内側の div は、緑ではなく青の背景にする必要があります。奇妙なのは、an を呼び出すと、alert(divTwo.css('background'));青色であると表示されることです。

Answer 1

最初に div を dom にアタッチしてから、スタイルを適用します。

$(document).ready(function(){
   $('#divOne').wrappInner('<div name="innerDiv" \>');
  $('[name=innerDiv]').css('background','#0f0')//blue color
});