js выборка всех одноименных класов с разным окончанием

**kvins** · 14.11.2012 20:35

Как мне к примеру в js или jquery выбрать автоматически все элементы с нужным класом , к примеру

<div class"map1"> </div>
<div class"map2"> </div>
<div class"map3"> </div>

чтобы потом спрятать их

**Safort** · 15.11.2012 11:27

kvins, вот простенький пример:

Код:

<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  <title>Главная</title>
   <script>
   function hide() {
    var els = document.getElementsByClassName('map3');
    for (var i = 0; i < els.length; i++) {
      els[i].style.display = 'none';
    }
   }
    
   </script>
  </head>
  <body>
    <div onclick="hide()">Скрыть все элементы с классом map3</div>
    <div class="map1">Элемент 1</div>
    <div class="map2">Элемент 2</div>
    <div class="map3">Элемент 3</div>
    <div class="map">Элемент 4</div>
    <div class="map3">Элемент 5</div>
    <div class="map3">Элемент 6</div>
    <div class="map1">Элемент 7</div>
  </body>
<html>

**kvins** · 17.11.2012 13:23

Safort, вот простенький который мне подсказали

$('div[class^=map]').hide()

У кого проще ?

и вы вообще не поняли кстати суть вопроса , так то в jqueru есть метод each если нужно было бы сделать по вашему примеру

	14.11.2012 20:35 #1
kvins Гуру Регистрация: 24.08.2011 Сообщений: 1,110 Репутация: 160	Как мне к примеру в js или jquery выбрать автоматически все элементы с нужным класом , к примеру <div class"map1"> </div> <div class"map2"> </div> <div class"map3"> </div> чтобы потом спрятать их Создаю сайты на Битрикс Тех поддержка на Битриксе
0 kvins

	15.11.2012 11:27 #2
Safort Новичок Регистрация: 15.11.2012 Сообщений: 7 Репутация: 1	kvins, вот простенький пример: Код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Главная</title> <script> function hide() { var els = document.getElementsByClassName('map3'); for (var i = 0; i < els.length; i++) { els[i].style.display = 'none'; } } </script> </head> <body> <div onclick="hide()">Скрыть все элементы с классом map3</div> <div class="map1">Элемент 1</div> <div class="map2">Элемент 2</div> <div class="map3">Элемент 3</div> <div class="map">Элемент 4</div> <div class="map3">Элемент 5</div> <div class="map3">Элемент 6</div> <div class="map1">Элемент 7</div> </body> <html>
0 Safort

	17.11.2012 13:23 #3
kvins Гуру Регистрация: 24.08.2011 Сообщений: 1,110 Репутация: 160	Safort, вот простенький который мне подсказали $('div[class^=map]').hide() У кого проще ? и вы вообще не поняли кстати суть вопроса , так то в jqueru есть метод each если нужно было бы сделать по вашему примеру Создаю сайты на Битрикс Тех поддержка на Битриксе
0 kvins

Темы	Раздел	Ответов	Последний пост
Домены с разным тИц 10-3400 для свободной регистрации	Домены	5	01.08.2012 15:07
Выборка по нескольким критериям	WordPress	1	11.06.2012 20:38
Обмен ссылками и статьями по разным тематикам	Ссылки, статьи	1	11.06.2012 06:57
Полная выборка по базам Пастухова всех таблеток из top 100 sold in the USA	Вопросы от новичков	42	10.12.2010 04:06
Полная выборка по базам Пастухова всех таблеток из top 100 sold in the USA	Обучающие статьи	31	09.09.2009 11:32

js выборка всех одноименных класов с разным окончанием

Опции темы

Тэги топика:

Похожие темы

Домены с разным тИц 10-3400 для свободной регистрации

Выборка по нескольким критериям

Обмен ссылками и статьями по разным тематикам

Полная выборка по базам Пастухова всех таблеток из top 100 sold in the USA

Полная выборка по базам Пастухова всех таблеток из top 100 sold in the USA

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры