JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class='jt-row'>
        <div class='jt-header'>a header 1</div>
    </div>
    <div class='jt-row'>
        <div class='jt-detail'>a detail 1
          <div class='jt-item-price'>12.34</div>
        </div>
    </div>
    <div class='jt-row'>
    
    <div class='jt-header'>another header 2<div class='jt-item-price'>34.45</div></div>
    </div>
    <div class='jt-row'>
    <div class='jt-detail'>another detail 2
          <div class='jt-item-price'>12.34</div>
    </div>
    </div>
</body>
<input type="button" id="move" value="move it" />

CSS

.jt-header {border:1px solid #ccc; padding:10px; width:250px;}
.jt-detail {border:1px solid #ccc; padding:10px; width:250px;}

JavaScript

$(function(){
    $('#move').on('click',function(){
        $('.jt-detail .jt-item-price').each(function(){
            $this = $(this);
            $this.appendTo($this.closest('.jt-row').prev().find('.jt-header'));
        }); 
    });
});