0

И так есть некое n-е количество блоков, есть переменная, которая должна содержать эти блоки. Первоначально все хорошо itemBlock = $('.filter_box .item_block'), но когда произвожу фильтрацию, мне нужно обнулить переменную и занести только те блоки которые подходят условию, условие написано корректно, а вот как добавить в переменную подходящие блоки, не знаю.

5
  • А что происходит с блоками, которые не подошли по фильтру? Вижу два варианта: добавлять подходящийм под фильтр блокам новый класс и получать список так: itemBlock = $('.filter_box .item_block.new_class'); или прятать неподходящие. В этом случае получение будет таким itemBlock = $('.filter_box .item_block:visible');
    – vanchester
    Commented 21 февр. 2014 в 4:19
  • Ничего, у меня просто идет потом создание станиц, от количества выбранного (24,48,96 штук) и в ту функцию я просто передаю эту переменную. С классами можно, но хотелось бы без лишних манипуляций. По поводу второго способа, у меня часть (24,48,96 штук)видны, остальные нет, тоже лишние манипуляции) Commented 21 февр. 2014 в 4:24
  • ну тогда еще вариант: newItemBlocks = []; itemBlock.each(function () { if (/* проверка подходит ли блок $(this) по условие */) { newItemBlocks.push($(this)); } });
    – vanchester
    Commented 21 февр. 2014 в 4:31
  • Не такой массив формируется, нельзя использовать функции jquery (.hide(),.show()) для элементов Commented 21 февр. 2014 в 4:46
  • Возможно мы друг друга не поняли, но у элементов из масссива доступны все методы jQuery jsfiddle.net/W2LMa
    – vanchester
    Commented 21 февр. 2014 в 5:07

1 ответ 1

1

Почитайте о функции .filter()

Разметка:

<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>

JavaScript:

var item = $('.item'),
    # Фильтруем элементы по определенному признаку.  
    # Если функция вернет true, элемент останется в массиве.
    even = item.filter(function (el, i) {
        return $(i).index() % 2;
    }),
    # Можно фильтровать и на основе селектора.  
    # Тут наоборот, функция исключает элементы по селектору.
    css_even = item.filter(':odd');

# Выведет: 2, 4
even.each(function () {
    console.log('even: ' + $(this).text());
});
5
  • Ага, а если допустим нам нужно значение которое находиться в этом блок сравнить с переменной? И на основании этого фильтровать? Commented 21 февр. 2014 в 5:06
  • @denisneposeda, вы можете написать любую функцию для фильтрации. Еще раз подчеркну: 1) В функцию последовательно передаются элементы. 2) Вы по какому-то условию их сравниваете. 3) Хотите, чтобы элемент остался - возвращаете true. Нет - false. Просто, как 5 копеек.
    – VenZell
    Commented 21 февр. 2014 в 5:09
  • Хорошо, спасибо, попробую, потом отпишусь Commented 21 февр. 2014 в 5:15
  • Все отлично, получилось. Commented 21 февр. 2014 в 6:33
  • @denisneposeda, Если вам дан исчерпывающий ответ, отметьте его как верный (нажмите на галку рядом с выбранным ответом).
    – VenZell
    Commented 21 февр. 2014 в 6:40

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.