Javascript.RU

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

Показать спрятать родительский DIV по выбору Select с фильтром содержисого child DIV
Привет, помогите пожалуйста с задачей. Есть список домов:

<div class="house">
<div class="rooms">1 bedroom house</div>
</div>

<div class="house">
<div class="rooms">2 bedroom house</div>
</div>

У каждого дома есть div в котором выводится количество спален

Есть select:

<select id="term" name="form_select">
<option label="1 bedroom" value="1">1 bedroom</option>
<option label="2 bedroom" value="2">2 bedroom</option>
</select>

При выборе 1 bedroom , нужно чтобы в списке показывались только DIV с ID house в CHILD DIV которых содержится 1 Bedroom ,

Проще говоря нужен фильтр

Начал такой скрипт, но что то не пойму как дальше его продолжить:

$('#term').on('change', function () 

 {
    var rooms = $("[class^=rooms]");

        if(!rooms.filter('1').length){
            $(rooms).parent().show()
         
        }
    });
});


Делаю тут в http://codepen.io/AnimalInstinct/pen/aplIK

Последний раз редактировалось AnimalInstinct, 30.07.2014 в 14:07.
Ответить с цитированием
  #2 (permalink)  
Старый 30.07.2014, 14:05
Аватар для AnimalInstinct
Интересующийся
Отправить личное сообщение для AnimalInstinct Посмотреть профиль Найти все сообщения от AnimalInstinct
 
Регистрация: 10.06.2014
Сообщений: 23

Так у меня на сайте тоже у всех карточек в списке одинаковые id
Ответить с цитированием
  #3 (permalink)  
Старый 30.07.2014, 14:06
Аватар для AnimalInstinct
Интересующийся
Отправить личное сообщение для AnimalInstinct Посмотреть профиль Найти все сообщения от AnimalInstinct
 
Регистрация: 10.06.2014
Сообщений: 23

Сообщение от AnimalInstinct Посмотреть сообщение
Так у меня на сайте тоже у всех карточек в списке одинаковые id
А нет вру, этож классы
Ответить с цитированием
  #4 (permalink)  
Старый 30.07.2014, 15:43
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 456

AnimalInstinct,
$('#term').on('change', function() {
    $('.house').hide().children('.rooms:contains('+this.value+')').parent().show();
});
Ответить с цитированием
  #5 (permalink)  
Старый 30.07.2014, 17:35
Аватар для AnimalInstinct
Интересующийся
Отправить личное сообщение для AnimalInstinct Посмотреть профиль Найти все сообщения от AnimalInstinct
 
Регистрация: 10.06.2014
Сообщений: 23

Спасибо огромное, Rise, а можете целиком пример написать с выбором опции в select?

Там две опции получается 1 bedroom показывает блоки с одной спальней, скрывает остальные, и 2 bedroom, показывает блоки с двумя спальнями и скрывает остальные.
Ответить с цитированием
  #6 (permalink)  
Старый 30.07.2014, 17:51
Аватар для AnimalInstinct
Интересующийся
Отправить личное сообщение для AnimalInstinct Посмотреть профиль Найти все сообщения от AnimalInstinct
 
Регистрация: 10.06.2014
Сообщений: 23

Запустил в Codepen , что то не хочет работать Тут
Ответить с цитированием
  #7 (permalink)  
Старый 30.07.2014, 17:55
Аватар для AnimalInstinct
Интересующийся
Отправить личное сообщение для AnimalInstinct Посмотреть профиль Найти все сообщения от AnimalInstinct
 
Регистрация: 10.06.2014
Сообщений: 23

Точно, все работает, туплю адски....
Ответить с цитированием
  #8 (permalink)  
Старый 30.07.2014, 17:59
Аватар для AnimalInstinct
Интересующийся
Отправить личное сообщение для AnimalInstinct Посмотреть профиль Найти все сообщения от AnimalInstinct
 
Регистрация: 10.06.2014
Сообщений: 23

Вот сохранил тут, если еще кому нибудь понадобится

Последний раз редактировалось AnimalInstinct, 30.07.2014 в 18:02.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
показать div соответствующий опции select neutron jQuery 5 06.06.2011 12:06