묻고답하기
## 제이쿼리에서 "div높이값" 알아와 다른부분에 적용 질문드립니다.
2012.10.15 20:10
음.. 제이쿼리 관련질문인데요.
아래와 같은구조가 있다고 우선 생각해보면요.
-----------------------------------------------------
<div class="test">
<ul>
<li style="height:높이값px;">
테스트1</br>
테스트2</br>
테스트3</br>
</li>
</ul>
</div>
-----------------------------------------------------
아래 다음과 같은 제이쿼리구문을 참고하여~ (아래클릭해보세요.)
http://api.jquery.com/category/dimensions/
다음 아래와같이 해서 적용하고싶은데요.. 아무리해봐도 안되네요..
-----------------------------------------------------------
.test => div 높이값을 위에 제이쿼리구문으로 값을구해서
<li style="height:높이값px;"> =>요기에 빨간색글자에 .test에 "높이값"에 숫자로출력하여, 동일하게 적용하고 싶습니다..
---------------------------------------------------------------
ps. .test 에 높이값은 내용에따라서 항상 가변적입니다. 그 해당 높이값을 구하고싶은겁니다.^^
어떻게 해야할까요.??;;;;
어떤문구를 추가해서 넣어야되는지 알려주시겟어요.?^^
긴급질문이라서.. 간략한 설명과 부탁좀 드리겠습니다.^^
소중한 답변 미리 감사드립니다.
<!DOCTYPE html> <html> <head> <style> .test{ height:200px;width:100px;background:red;position:relative;} .test li{position:absolute;left:100px;width:100px;background:blue;} </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div class="test"> <ul> <li> test1</br> test2</br> test3</br> </li> </ul> </div> <script> var testHeight = $("div.test").outerHeight(); $("div.test>ul>li").css('height', testHeight); </script> </body> </html>