참고: 인기 워드프레스 테마 중 하나인 The 7이 39달러로 할인 중입니다.

예를 들어, 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; ?>”식으로 적용할 수 있습니다.

데모

워드프레스와 관련하여 문의사항이 있나요?

워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청하실 수 있습니다.

Service Request