Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.11.2018, 20:54
Кандидат Javascript-наук
Отправить личное сообщение для giwuf Посмотреть профиль Найти все сообщения от giwuf
 
Регистрация: 16.05.2017
Сообщений: 142

Как отфильтровать определенные div с классами, совпадающие с дата-атрибутами ссылки?
del

Последний раз редактировалось giwuf, 06.11.2018 в 21:31.
Ответить с цитированием
  #2 (permalink)  
Старый 06.11.2018, 21:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 29,034

giwuf,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">.active{
       background-color: #0000CD;

       color: #FFFFFF;
  }

  </style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <script>
$(function() {
$(".ages").on("click", "a", function(event) {
event.preventDefault();
$(this).addClass("active").siblings().removeClass("active")
var cls = $(this).data("age");
cls = cls ? "." + cls : ".ped";
$(".ped_holder").find(".ped").hide()
.end().find(cls).show()


})


});
  </script>
</head>

<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="section-method">
  <div class="ages">
    <a href="javascript:;" data-age="age_3_6" class="get-age">до 6</a>
    <a href="javascript:;" data-age="age_7_10" class="get-age">7-10</a>
    <a href="javascript:;" data-age="age_11_16" class="get-age">11-16</a>
    <a href="javascript:;" class="get-age-all">Все</a>
  </div>
  <div class="ped_holder">
    <div class="ped age_7_10">от 7 до 10</div>
    <div class="ped age_3_6">от 3 до 6</div>
  </div>
</div>

</body>
</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вернуть div и все вложенные в него элементы в первоначальное состояние? lucky89 Общие вопросы Javascript 17 26.02.2015 17:41
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 11:29
Как сделать клик по ссылке с другой ссылки или div ? ilyas-> Элементы интерфейса 15 01.08.2013 11:49