반복문 돌려 테이블 리스트 만들 때 id 값 다르게 부여하기

 

반복문을 돌려서 리스트를 만들면 실제로 테이블의 리스트는 한 줄 한 줄이 다른 데이터이다.

 

이때 테이블의 외부에서 <script>를 이용하여

테이블에 데이터를 넣기 위해 id 값을 지정한다면 원하는 데이터를 넣을 수 있을까?

불가능하다. id 값은 고유해야 하기 때문이다.

그럼 class를 부여하면 가능할까?

불가능하다.

클래스는 중복은 가능하지만 <script>로 데이터를 특정한 줄에만 넣고 싶더라도

모든 클래스에 중복으로 작용하기 때문이다.

​

따라서 id를 쓰되 id에 변수를 부여한다.

<td id="tag${pv.pidx}"></td>

위처럼 index 값이나 특정한 변수를 id에 붙인다면 반복문이 돌 때마다 다른 id 가 붙기 때문에 selector 로서의 역할을 다 할 수 있다.