Как взять значение блока div у одного элемента?

Question

[Владислав Калнаус]

Подскажите плз:
Есть 5 блоков, в каждом блоке есть название товара. Так же есть кнопка "Выбрать".

Задача при нажатии кнопки "выбрать", добавить скрытый input c value="Название товара". Дело в том, что когда я прописываю.

var itemClick = $(event.target);
                listText = $('.real_title_tovar').text();
            itemClick.append('<input type="hidden" name="massa" value="' + listText + '">');

Вставляются абсолютно все названия в всех блоков. Как сделать, чтоб вставлялся текст, только тот который находится в этом блоке?

<div class="main_cons_tovar_container">
<div class="real_title_tovar">
Название 1
</div>
 <button>Выбрать</button>
</div>
<div class="main_cons_tovar_container">
<div class="real_title_tovar">
Название 2
</div>
</div>
<div class="main_cons_tovar_container">
<div class="real_title_tovar">
Название 3
</div>
</div>
<div class="main_cons_tovar_container">
<div class="real_title_tovar">
Название 4
</div>
</div>
<div class="main_cons_tovar_container">
<div class="real_title_tovar">
Название 5
</div>
</div>

Answer 1

[iBird Rose]

$('button').on('click', function() {
    var itemClick = $(this);
      listText = itemClick.siblings('.real_title_tovar').text();
      itemClick.parent().append('<input type="hidden" name="massa" value="' + listText + '">');
  });