2

Все привет. Длительное время мучаюсь с одной проблемой, в данныый момент решаю ее следующим образом

 $('.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 из айтемов

      <div class="item">
                <div class="up">
                    <h3 class="h3">ТРЁХКОМНАТНАЯ КВАРТИРА</h3>
                    <span>78,41 <span>кв.м.</span></span>
                </div>

                <a href="" class="imgs onn">
                    <img src="img/sect_9/3K-78.41.jpg" alt="Планировка">
                </a>

                <div class="info_9">
                    <span class="old">3.200.000</span>
                    <div class="wraps">
                        <span class="left">ЦЕНА ЗАСТРОЙЩИКА:</span>
                        <span class="right_9">3.000.000 <span>руб.</span></span>
                    </div>

                    <div class="wraps">
                        <span class="left">В ИПОТЕКУ:</span>
                        <span class="right_9">15.348 <span>руб./месяц</span></span>
                    </div>

                    <div class="wraps">
                        <span class="left">ОСТАЛОСЬ КВАРТИР:</span>
                        <span class="right_9">4<span>шт.</span></span>
                    </div>
                </div>

                <a href=".question" class="book">
                    <b>задать вопрос<br> или забронировать</b><span>ЗАФИКСИРУЙТЕ ЦЕНУ СЕЙЧАС</span>
                </a>

                <a href=".mortgages" class="mortgage">
                    <b>РАССМОТРЕТЬ В<br> ИПОТЕКУ</b><span>БЕСПЛАТНАЯ ЗАЯВКА НА РАССМОТРЕНИЕ</span>
                </a>

                <a href=".subscribs" class="subscribe">ПОДПИСАТЬСЯ НА ИЗМЕНЕНИЕ ЦЕНЫ НА ЭТУ КВАРТИРУ</a>

                <p class="text_p">Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, </p>

            </div>

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

<form class="mortgages">
    <h3 class="h3">Бесплатное рассмотрение ипотеки</h3>
    <p>Высокий процент одобрения за счет индивидуального подхода.</p>
    <div class="up_m">
        <input type="text" name="fio" placeholder="ФИО полностью:" required>
        <input type="text" name="age" placeholder="Возраст:" required>
        <input type="text" name="mail" placeholder="Электронная почта:" required>
        <input type="text" name="phone" placeholder="Сотовый телефон:" required>
    </div>

    <div class="down_m">
        <input type="text" name="job" placeholder="Место работы:" required>
        <input type="text" name="familyStatus" placeholder="Семейное положение:" required>
        <input type="text" name="post" placeholder="Должность:" required>
        <input type="text" name="firstPayment" placeholder="Размер первоначального взноса:" required>
        <input type="text" name="averageIncone" placeholder="Среднемесячный доход:" required>
    </div>
        <div class="checkk">
            <input type="checkbox" name="Да, я могу подтвердить доход справкой 2НДФЛ"><span class="book_f">Да, я могу подтвердить доход справкой 2НДФЛ</span>
        </div>
        <div class="checkk">
            <input type="checkbox" name="Нет, я не могу подтвердить доход справкой 2НДФЛЛЛ"><span class="book_f">Нет, я не могу подтвердить доход справкой 2НДФЛЛ</span>
        </div>
        <button class="btn">Отправить</button>

        <input type="hidden" name="project_name" value="ЖК Комарово">
        <input type="hidden" name="statistics" value="Рассмотреть в ипотеку">
        <input type="hidden" name="admin_email" value="yaforsmen@yandex.ru">
        <input type="hidden" name="form_subject" value="Новая заявка с сайта">

</form>
8
  • 1
    поправте вопрос и скиньте HTML кусок. скажу тогда как можно сделать. 3 июн 2017 в 12:01
  • Вот скинул html разметку одного из айтемов
    – LiEm
    3 июн 2017 в 12:22
  • И html формы, надеюсь теперь более понятно?
    – LiEm
    3 июн 2017 в 12:25
  • Возможно поможет метод closest. Что-нибудь вроде $('.sect_9 .items .mortgage').click(() => $('.mortgages input[name="statistics"]').val($(this).closest('.sect_9 .items .up').text()));.
    – diralik
    3 июн 2017 в 12:59
  • К сожалению не помог, value в итоге с пустым значением
    – LiEm
    3 июн 2017 в 13:07

2 ответа 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 и таким образом всегда получаем нужный нам результат.

2
  • Гениально! Наконец-то все по-человеческому работает)) Огромное спасибо
    – LiEm
    3 июн 2017 в 14:04
  • @LiEm не за что))) 3 июн 2017 в 14:05
0

Делайте следующим образом, в цикле перебирайте все .item и в контексте каждого навешивайте событие клика:

$('.sect_9 .items .item').each(function(index, item) {
    $(item).find('.mortgage').on('click', function() {
        $('.mortgages input[name="statistics"]').val($(item).find('.up').val());
    });
});
1
  • можно и так но тогда впустую генерируются несколько обработчиков для одной и той же задачи 3 июн 2017 в 14:00

Ваш ответ

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

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