JQuery;Помогите с селекторами - PullRequest
0 голосов
/ 27 марта 2011

Привет, ребята, нужна помощь с 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, #largeX) что-то вроде icon1 и large1 и узнать, какой именно значок был выбран, и как я могу использовать его позже в largeX?Надеюсь, в этом есть какой-то смысл, и, простите за заголовок вопроса, толком не знаю, как его назвать :)

1 Ответ

2 голосов
/ 27 марта 2011
$('img[id^="icon"]').click(function() {
    $(this).fadeOut('300');
    var largeId = this.id.replace('icon', 'large');
    $('#'+ largeId).delay('300').fadeIn('300');
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...