• Q&A
  • 회원가입
  • 로그인

[ETC] JQ - 자식요소 너비를 부모요소 너비로 설정. (= 너버를 부모요소에 꽉차게 설정.)

예제 - input 입력창 너비를 부모요소에 꽉 차게 설정.

 

<script src="http://code.jquery.com/jquery-latest.js"></script>


<div style="border:1px solid red; width 500px;">

   <input type="text" value="홈짱닷컴 Homzzang.com">

</div>


<script>

$(document).ready(function() {

    for(i=0; i < $("input[type=text]").length; i++){

        tempObj = $("input[type=text]").get(i);

        $(tempObj).outerWidth($($(tempObj).parent()).innerWidth());

    }

});

</script>

 

결과보기

 

오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012