Как передать соответствующее значение?

Question

[anton_trofimov95]

Сделал передачу текста дива в другой див в попап

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="oneblock">
<div class="name">Цена 100 руб</div>
<a href="#" class="edit">open</a>
</div>
<div class="oneblock">
<div class="name">Цена 200 руб</div>
<a href="#" class="edit">open</a>
</div>




<div id="myModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
        <div id="nama">
          
      </div>
    </div>
</div>

.oneblock {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

$(".edit").click(function(){
  var hlop = $('.name').text()
  $('#nama').text(hlop)
    $("#myModal").modal('show');
});

Значения передаются, но как сделать, чтобы только соответствующее значение передалось? в 1 строке соответственно цена 100 руб, во второй 200 руб. Таких строк много. Под каждую конечно же писать скрипт это жесть. Я совсем новичок в jQuery.

Answer 1

[tltary]

$('.edit').click(function(){
    $('#nama').text($(this).parents('.oneblock').find('.name').text());
    $("#myModal").modal('show');
})

Comments

[anton_trofimov95]

Супер, спасибо!