Изменение одинаковых стилей для разных элементов

[sigma77]

Всем привет!

Если немного упростить вопрос сводится к следующему.

Допустим у нас имеется три абзаца. У каждого из них нужно, допустим, динамически изменять цвет и шрифт. Т.е. по сути одинаковые параметры.

Я вижу два варианта, как это можно сделать.

1) Обращение к элементу, отвечающему за изменение через свой класс настройки и изменение соответствующего абзаца.

Пример: http://www.jsfiddle.net/PGSwZ/

2) При обращении к элементу, происходит вычисление его родителя и в зависимости от этого с помощью инструкции switch устанавливается, к какому из абзацев должны быть применены стили.

Пример: http://www.jsfiddle.net/Kr3xZ/

Пока я остановилась на втором варианте, но может есть более лучшие решения?

Edited October 23, 2010 by sigma77

[psywalker]

Подруга, я давно заметил одну вещь. Что те, кто не познав нормально JS и учит JQ, тот всегда пользуется только им, подключая библиотеки и напрочь забывая о том, что можно обойтись малой кровью, например с помощью того-же JS, главное знать, как.

http://www.jsfiddle.net/psywalker/PHv3h/

[sigma77]

Подруга, я давно заметил одну вещь. Что те, кто не познав нормально JS и учит JQ, тот всегда пользуется только им, подключая библиотеки и напрочь забывая о том, что можно обойтись малой кровью, например с помощью того-же JS, главное знать, как.

http://www.jsfiddle.net/psywalker/PHv3h/

Это то понятно. Можно и на чистом JS это сделать. Тут просто вопрос времени, у меня это получится намного дольше, а его и нет его особенно. Да и на проекте уже имеется подключенная библиотека, поэтому не вижу причин ей не воспользоваться.

Тут вопрос несколько в другом.

Для второго и последующих абзацев приходится использовать практически аналогичный код. Вот и хотелось бы его как-то упростить и оптимизировать. А на чем это сделать - вопрос десятый

[psywalker]

Ясно, ну можно тогда что нибудь типо того

http://www.jsfiddle.net/psywalker/PHv3h/5/

[sigma77]

Ясно, ну можно тогда что нибудь типо того

http://www.jsfiddle.net/psywalker/PHv3h/5/

Круто! Спасибо, попробую

[psywalker]

Круто! Спасибо, попробую

Обращайся