Javascript 动态设置动态创建的元素的宽度

我动态创建了一个div#sresult_容器，并将div的编号追加到该div中。所有追加的div都有不同的文本。因此，我可以检索div#sresult_容器的宽度，但我尝试在视图端口上显示之前将div#sresult_容器的宽度增加10px。我该怎么做？请帮助我？ 我的代码如下：

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

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

首先#sresult_容器必须具有预定义的宽度

#sresult_container {
    width: 100px;    
}

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

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

\sresult\u容器{
宽度：100px；
}
$（'text'）.appendTo（'body'）；
$（'sresult_container'）.css（'width'，function（）{
返回（$（this）.outerWidth（true）+10）+“px”；
});​

#sresult_container {
    width: 100px;    
}

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

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