Параллельный выбор элементов

[botyaslonim]

Помогите, ситуация такая.

Есть один набор элементов, есть другой:

<div class='element1'></div>
<div class='element2'></div>
....
<div class='element100'></div>



<div class='el1'></div>
<div class='el2'></div>
....
<div class='el100'></div>

Надо, чтобы при клике по element1 открывался el1, при клике на element100 открывался el100, и т.д. Сам не догоняют

Сайт на jQuery

Edited June 26, 2012 by botyaslonim

[botyaslonim]

Была такая мысля: присвоить каждому элементу из двух наборов дополнительный класс 'xxx1','xxx2' и т.д.

    for(i=1; i<100; i++){
       $('.xxx'+i).click(function(){
           $(this).show();
        }

- но так не работает

Edited June 26, 2012 by botyaslonim

[hypnocolor]

А принципиально, чтобы для каждого элемента был отдельный класс? Зачем это? о_0

[botyaslonim]

Да, принципиально. Там у всех свои фоновые картинки и содержимое.

[buddah]

Вот хороший пример

[lexxcode]

Ну так можно

[Catherine]

Не знаю, насколько хорош этот вариант, но я(воспользовавшись решением alexriz), делала бы так. Но это если классы не будут меняться, для надежности я бы вместо классов element1, ..., element100 использовала id.

Edited June 26, 2012 by Catherine

[lexxcode]

Catherine, В том то и дело, что в классах может быть, все, что угодно. Можно конечно и регулярку написать, но это сложней, чем добавить лишний атрибут и работать с ним.

[botyaslonim]

Спасибо, помогли! Не знал про substr();

[Veseloff]

Ещё вот так можно селекторы использовать: http://jsfiddle.net/xL4Zf/

[botyaslonim]

Класс, тоже интересно!

[lexxcode]

Veseloff, Я сразу тоже так хотел сделать, но потом подумал, что если там добавится еще класс кроме elementX, то уже такая штука не сработает

[Veseloff]

Veseloff, Я сразу тоже так хотел сделать, но потом подумал, что если там добавится еще класс кроме elementX, то уже такая штука не сработает

Так оно, конечно — это я просто для примера написал. Естественно, атрибутом будет лучше.

[Catherine]

Veseloff, интересный пример.

Аlexriz, пример с атрибутом, конечно же, гораздо универсальнее. Но я думаю, он может оказаться лишним, если вместо уникальных классов для каждого элемента использовать id (конкретно в данном случае). Ваш пример, разумеется, пока вне конкуренции