요소만큼 반복해서 속성 설정 및 가져오기


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>요소만큼 반복해서 속성 설정 및 가져오기</title>

<script src="../../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<style type="text/css"></style>

<script type="text/javascript">
  
  $(document).ready( function() {
    // [1] each 메서드 설명
    // $('p').each(function (index) { alert(index); });
    
    // [2] for 문처럼 반복한다. index 는 0부터 자동증가 됨
    $('p').each(function(index) {
     
        $(this).attr({
            'id' : "para-" + index
        });
      });
    
    // [3] 0번째 요소의 텍스트 읽어오기
    $('#btn').click(function() {
     alert($('#para-0').text()); // C#
    });
  });
</script>
<body>

<p>C#</p>
<p>ASP.NET</p>
<p>SilverLight</p>
<input type="button" id="btn"  value="동적으로 생성된 id로 개체 접근"/>
</body>
</html>