Страницы

Поиск по вопросам

понедельник, 8 июля 2019 г.

Фильтр в jQuery

Все привет. Длительное время мучаюсь с одной проблемой, в данныый момент решаю ее следующим образом
$('.sect_9 .items .item:first .mortgage').click(function() { $('.mortgages input[name="statistics"]').val($('.sect_9 .items .item:first .up').text()); });
$('.sect_9 .items .item:eq(1) .mortgage').click(function() { $('.mortgages input[name="statistics"]').val($('.sect_9 .items .item:eq(1) .up').text()); });
$('.sect_9 .items .item:eq(2) .mortgage').click(function() { $('.mortgages input[name="statistics"]').val($('.sect_9 .items .item:eq(2) .up').text()); });
$('.sect_9 .items .item:eq(3) .mortgage').click(function() { $('.mortgages input[name="statistics"]').val($('.sect_9 .items .item:eq(3) .up').text()); });
Как можно видеть при клике на кнопку с классом mortgage первого айтема должно вписываться значения класса up в скрытый input формы с первого айтема, а при клике на кнопку второго айтема, должно браться значения класса up опять же второго айтема. Если же я данные фильтры уберу (в данном случае это :first, :eq(1), :eq(2), :eq(3), то тупо при клике на кнопку любого айтема в форму будут записываться значения всех айтемов, которые есть в корне. А мне естественно надо, чтобы при клике допустим на кнопку 3 айтема бралось значения класса up с 3 айтема, а не со всех возможных 4 как в данном случае. Как это можно сделать? Заранее спасибо!!!
html разметка 1 из айтемов

ТРЁХКОМНАТНАЯ КВАРТИРА

78,41 кв.м.

Планировка
3.200.000
ЦЕНА ЗАСТРОЙЩИКА: 3.000.000 руб.

В ИПОТЕКУ: 15.348 руб./месяц

ОСТАЛОСЬ КВАРТИР: 4шт.

задать вопрос
или забронировать
ЗАФИКСИРУЙТЕ ЦЕНУ СЕЙЧАС

РАССМОТРЕТЬ В
ИПОТЕКУ
БЕСПЛАТНАЯ ЗАЯВКА НА РАССМОТРЕНИЕ


Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст,



А здесь html разметка формы

Бесплатное рассмотрение ипотеки

Высокий процент одобрения за счет индивидуального подхода.


Да, я могу подтвердить доход справкой 2НДФЛ
Нет, я не могу подтвердить доход справкой 2НДФЛЛ



Ответ

Понятно вопрос уже, вот как можно сделать.
$('.sect_9 .items .item .mortgage').click(function() { var tmp_val = $(this).parent().find('.up').text(); $('.mortgages input[name="statistics"]').val(tmp_val); });
Подробно объясню:
Вешаем один обработчик для всех классов mortgage, и поскольку родитель нужного нам тега с классом up и тег mortgage один и тот же, то мы во время клика ищем родителя для текущего элемента потом в нем элемент up и таким образом всегда получаем нужный нам результат.

Комментариев нет:

Отправить комментарий