위젯의 ID나 Class명을 순차적으로 올리는 방법이 있을까요?

PopUp위젯을 여러개 생성할 수 있게 만들려고 보니

갯수 만큼 위젯을 만들 수도 없고 id나 class명에 순차적으로 번호를 붙일 수 있으면 될 것 같은데...

예를 들면 아래 코드에서 pop-up1 / pop-up2 부분의 숫자 1,2 부분을 {no} 이렇게 변경할 수 있는 방법은 없을까요.

<div id="<!--@if($wi->popup_number == '1')-->pop-ups1<!--@else-->pop-ups2<!--@end-->">

<style>
#pop-ups1 { position:{$wi->popup_location}; margin-left:-{$wi->popup_width/2}px; top:{$wi->board_f}%; left:{$wi->board_fleft}%; z-index:99 }
#pop-ups2 { position:{$wi->popup_location}; margin-left:-{$wi->popup_width/2}px; top:{$wi->board_s}%; left:{$wi->board_sleft}%; z-index:99 }

</style>