Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.01.2014, 23:15
Интересующийся
Отправить личное сообщение для sergey_privacy Посмотреть профиль Найти все сообщения от sergey_privacy
 
Регистрация: 24.01.2014
Сообщений: 12

Установить класс всем элементам с похожими именами, Id, элементам одного класса
Простите нуба за нубский вопрос, но уже несколько часов бьюсь, никак не получается решить задачу.
Подскажите, как установить класс всем элементам с похожими именами, похожими Id или элементам одного класса?

Есть набор картинок, количество которых заранее неизвестно. На страницу выводятся так:
<img src="aaa" name="image1" id="image1" class="images">
.....
<img src="yyy" name="image999" id="image999" class="images">
<img src="zzz" name="image1000" id="image1000" class="images">

Как мне применить к ним ко всем одно и то же действие? Например, установить всем одинаковый класс или стиль css?
Ответить с цитированием
  #2 (permalink)  
Старый 25.01.2014, 00:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

sergey_privacy,
выделяй похожесть например так в jquery
Цитата:
$('[id ^= image]') вернет все элементы с id, начинающимися с image
Ответить с цитированием
  #3 (permalink)  
Старый 25.01.2014, 00:31
Интересующийся
Отправить личное сообщение для sergey_privacy Посмотреть профиль Найти все сообщения от sergey_privacy
 
Регистрация: 24.01.2014
Сообщений: 12

Сообщение от рони Посмотреть сообщение
sergey_privacy,
выделяй похожесть например так в jquery
А можно работающий пример кода? Я уже несколько часов сижу, разные варианты пробую. Алерт в похожем запросе выводит, а класс не подставляет или еще что то работает, но только не моя задача. Пробовал, к примеру, так:
$(".images").className = 'thumb';

Пробовал перебор массива и т.д.
Ответить с цитированием
  #4 (permalink)  
Старый 25.01.2014, 00:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Сообщение от sergey_privacy
$(".images").className
странное сочетание
$(".images").addClass('thumb')

конечно если вы подключили jquery
Ответить с цитированием
  #5 (permalink)  
Старый 25.01.2014, 00:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

sergey_privacy,
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <style>
    img{
      width: 50px;
      height: 50px;
      float: left;
      padding: 15px;
      margin: 5px;

    }
    .thumb{border:5px dotted red}
  </style>
</head>
<body>
<img src="aaa" name="image1" id="image1" class="images">
<img src="yyy" name="image999" id="image999" class="images">
<img src="zzz" name="image1000" id="image1000" class="images">

<script>
   // $(".images").addClass("thumb");
    $('[id ^= image]').addClass("thumb");
</script>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 25.01.2014, 06:27
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

sergey_privacy, вы расширение для браузера делаете? Или не имеете доступа к серверу? Откуда такая странная задача? Если доступ есть - поправьте скрипт/шаблонизатор чтобы все выводилось уже с нужным классом. Не обязательно ведь использовать анус для решения проблемы )
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #7 (permalink)  
Старый 25.01.2014, 13:01
Интересующийся
Отправить личное сообщение для sergey_privacy Посмотреть профиль Найти все сообщения от sergey_privacy
 
Регистрация: 24.01.2014
Сообщений: 12

Сообщение от рони Посмотреть сообщение
странное сочетание
$(".images").addClass('thumb')

конечно если вы подключили jquery
1. addclass добавляет класс, как я понимаю? А как заменить существующий?
2. Я только начинаю изучать JS, поэтому методы JS и jquery пока путаю.
Ответить с цитированием
  #8 (permalink)  
Старый 25.01.2014, 13:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Сообщение от sergey_privacy
А как заменить существующий?
посмотреть документацию на jquery removeClass
Ответить с цитированием
  #9 (permalink)  
Старый 25.01.2014, 13:09
Интересующийся
Отправить личное сообщение для sergey_privacy Посмотреть профиль Найти все сообщения от sergey_privacy
 
Регистрация: 24.01.2014
Сообщений: 12

Сообщение от danik.js Посмотреть сообщение
sergey_privacy, вы расширение для браузера делаете? Или не имеете доступа к серверу? Откуда такая странная задача? Если доступ есть - поправьте скрипт/шаблонизатор чтобы все выводилось уже с нужным классом. Не обязательно ведь использовать анус для решения проблемы )
Кто сказал, что я решаю задачу через анус? Просто у вас недостаточно данных для понимания условий задачи. Есть куча картинок. У всех одинаковый класс, имя и идентификатор отличается номером. При нажатии на картинку вызывается событие, которое этой картинке меняет класс и она становится выделенной. Если нажать на соседнюю картинку, будет вызван тот же обработчик, у нее тоже появится выделение, т.е. изменится класс. Но мне нужно у предыдущей картинки убрать выделение. Для этого в обработчике, перед выделением картинки, требуется отменить выделение у всех картинок данного класса.
Ответить с цитированием
  #10 (permalink)  
Старый 25.01.2014, 13:10
Интересующийся
Отправить личное сообщение для sergey_privacy Посмотреть профиль Найти все сообщения от sergey_privacy
 
Регистрация: 24.01.2014
Сообщений: 12

Сообщение от рони Посмотреть сообщение
посмотреть документацию на jquery removeClass
О, спасибо большое, сейчас буду смотреть в эту сторону.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 17:17