jQuery的;帮助选择器

Question

嘿伙计们需要一些jQuery帮助。

我有5个图标链接到5张图片，因此我淡出图标并在较大版本中淡出。

$('#iconX').click(function() {
    $('.iconSet').fadeOut('300');
    $('#largeX').delay('300').fadeIn('300');
});

<!-- Small images -->

<a href="#" ><img src="images/icon1.png" class="smallPics" id="icon1"/></a>
<a href="#"><img src="images/icon2.png" class="smallPics" id="icon2"/></a>


<!-- Large images -->

<img src="images/large1.png" class="largePics" id="large1" />
<img src="images/large2.png" class="largePics" id="large2" />

我如何使用而不是X（#iconX，＃polarX），像icon1和large1这样的东西，找出选择了哪个图标，以后如何在largeX中使用它？希望它有任何意义，对于问题标题感到抱歉，并不知道如何命名它:)

Answer 1

$('img[id^="icon"]').click(function() {
    $(this).fadeOut('300');
    var largeId = this.id.replace('icon', 'large');
    $('#'+ largeId).delay('300').fadeIn('300');
});