JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:500px;background:#f3f3f3;top: 38px;left: 50%;margin-right: -50%;transform: translate(-50%, 0%);position: absolute;padding: 15px;height: 400px;">
<div class="y" style="width:160px; height:200px; border:1px black solid;position: absolute;top: 10px;right: 10px;"></div>


<div class="block">
<span class="tName">Майка синяя</span> (<span class="tPrice">100р</span>)<br />
<a href="#">Добавить</a>
</div>

<br />

<div class="block">
<span class="tName">Майка красная</span> (<span class="tPrice">200р</span>)<br />
<a href="#">Добавить</a>
</div>

<br />

<div class="block">
<span class="tName">Майка зеленая</span> (<span class="tPrice">300р</span>)<br />
<a href="#">Добавить</a>
</div>



</div>

CSS

.y span {
display: block;
}
.y .tPrice {
    float: right;
    height: 16px;
    width: 160px;
    text-align: right;
    margin-top: -17px;
    border-bottom: 1px solid black;
}

JavaScript

var clockBlock = '.block a';

$(clockBlock).click(function( event ){
		var newContainer = $('<div class="Tbody"></div>');
		var name = $(this).parent().find('.tName').clone();
    var price = $(this).parent().find('.tPrice').clone();
    newContainer.append(name)
    newContainer.append(price);
		$('.y').append( newContainer );
    
    //$( this ).off( event );
});