jQuery | javascript | CSS
22.jQuery - For문 ( 01.Core- 02.Indexer )
Godffs
2009. 11. 9. 10:38
반응형
jQuery For문을 사용한 예제입니다.
02.jQueryIndexer.htm |
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>HTML 요소 가져오기</title>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ //h3 요소 모두 가져오기 var
headers = $('h3'); // 반복문을 써서 반복 : for문보다는 jQuery의 each문이 사용하기 편리 for
(var i = 0; i < headers.length; i++) { alert($(headers[i]).html()); } /* //위 코드를 each문으로 변경 $('h3').each(function(index) { alert($(this).html()); }); */
});
</script> </head> <body>
<h3>준철이</h3>
<h3>멋있다</h3> </body> </html> |
결과화면 |
[그림22-1] |
반응형