0

Всем привет. Подскажите, пожалуйста, как можно получить значение input через jquery, но только в нужном блоке.

Вот код разметки:

<div>
   <a href="#" class="add_cart">Добавить в корзину</a>
   <input type="hidden" value="Компьютер 1" name="title"/>
   <input type="hidden" value="1600" name="price"/>
</div>
<div>
     <a href="#" class="add_cart">Добавить в корзину</a>
     <input type="hidden" value="Компьютер 2" name="title"/>
     <input type="hidden" value="2600" name="price"/>
</div>
<div>
  <a href="#" class="add_cart">Добавить в корзину</a>
  <input type="hidden" value="Компьютер 3" name="title"/>
  <input type="hidden" value="3600" name="price"/>
</div>

Нужно, чтобы при клике на "Добавить в корзину" я получал значение input в текущем блоке div.

Как правильнее реализовать, потому что присваивать inputam разные id - не вариант, т.к. записей может быть много.

2 ответа 2

2
    $('.add_cart').click(function(){
        $(this).siblings('input[name=title]').val() //вернет значения inputa'a
    })
1
  • 1
    А если у нас 1000 элементов на странице, на каждый будем навешивать событие? Лучше использовать делегирование.
    – andreyqin
    9 мар 2015 в 8:44
2
$(document).on('click', '.add_cart', function() {
    var $currentBlock = $(this).closest('div'),
        title = $currentBlock.find('[name="title"]'),
        price = $currentBlock.find('[name="price"]');
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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