예를 들어, 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