クリック時と同じ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 「式で適用できます。

デモ