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

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.
참고

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

데모



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.