클릭 시 동일한 class(일련번호)를 가진 div 표시하기 jQuery

예를 들어, ID가 wrapper1인 요소를 클릭하면 Class가 wrapper1인 DIV가 표시되고, ID가 wrapper2인 요소를 클릭하면 Class가 wrapper2인 DIV가 표시되도록 하려는 경우 다음 jQuery 코드를 사용할 수 있습니다.

$('[id^="wrapper"]').on('click', function(e) {
e.preventDefault();
$('.wrap > div').hide();

$('.'+ this.id).show();
});
(Source: http://jsfiddle.net/6GvE6/6/)

이 jQuery 코드를 루프 내에서 사용하면 유용합니다. 가령, 요소를 "wrapper<?php echo $serial_number; ?>"식으로 적용할 수 있습니다.

데모