Jquery selector on Django loop

Jquery selector on Django loop

So I have this

I need to select the items name when the user clicks on the anadir_button.

Something like

$('.producto_precio').last()clone().appendTo('#list_pedidos');

But this one just selects almendras, bananas and bolson frutal
  2. {% for producto in reparto_martes %}
  3.        <div class="col-md-3">
  4.         <div class="card mb-4 box-shadow product-box">
  5.           <img class="card-img-top product-photo" data-src="holder.js/100px225?theme=thumb&amp;bg=55595c&amp;fg=eceeef&amp;text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src={{ producto.foto }} data-holder-rendered="true">
  6.           <div class="card-body">
  7.             <h4 class="card-text producto_precio">${{ producto.precio }}</h4>
  8.             <h5 class="card-text producto_nombre">{{ producto.nombre }}</h5>
  9.             <div class="d-flex justify-content-between align-items-center">
  10.               <button type="button" class="btn btn-success anadir_button">Añadir</button>
  11.               <small class="text-muted"></small>
  12.             </div>
  13.           </div>
  14.         </div>
  15.       </div>
  16. {% endfor %}