동적으로 생성되는 요소의 너비를 동적으로 설정합니다.

Question

div # sresult_container를 동적으로 만들고 해당 div에 no div를 추가합니다. 추가 된 div에는 모두 다른 텍스트가 있습니다. 그래서 div # sresult_container 너비를 검색 할 수 있지만보기 포트에 표시하기 전에 div # sresult_container 10px 너비를 늘려보십시오. 이걸 어떻게 할 수있어? 내 코드는 다음과 같습니다 :

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

와 그 후 내가 DIV 번호의 sresult_container의 자녀로 일부 div의 추가합니다.

및 본문에 추가하십시오.

$('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/