javascript - 动态设置动态创建的元素的宽度

Question

我动态创建一个 div#sresult_container 并将没有 div 附加到该 div。并且所有附加的 div 都有不同的文本。所以我可以检索 div#sresult_container 的宽度，但我尝试在 div#sresult_container 显示在视口上之前将其宽度增加 10px。我该怎么做？请帮帮我？我的代码如下：

var $sresult_container = $('<div id="sresult_container"></div>');

之后我将一些 div 附加为 div#sresult_container 的子项。

并附加到正文。

$('body').append($sresult_container);
var Setwidth  = $('#sresult_container').outerWidth() + 10;
$('#sresult_container').css('width',Setwidth + 'px');

所以这里首先加载原始宽度，然后加载修改后的宽度。那么如何直接加载修改后的宽度。

Answer 1

首先#sresult_container 必须有一个预定义的宽度。

#sresult_container {
    width: 100px;    
}

$('<div id="sresult_container">text</div>').appendTo('body');

$('#sresult_container').css('width', function () {
    return ($(this).outerWidth(true) + 10) + 'px';
});​

http://jsfiddle.net/xBZT7/14/

http://jsfiddle.net/xBZT7/15/