Показать сообщение отдельно
  #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.
Ответить с цитированием