JSFiddle - React, Tailwind, and code Playground

by blackhawx

HTML

<div class="list-container">
    <a class="list-item" data-type="community" href="javascript:{}">Community Tower 2<span class="icon icon-add"></span></a>
    <a class="list-item" data-type="community" href="javascript:{}">Community Tower 3<span class="icon icon-add"></span></a>
</div>

<div class="selected-container">
    <a class="list-item" href="javascript:{}">U-Bora Tower (Property) <span class="icon icon-remove"></span></a>
    <a class="list-item" href="javascript:{}">Business Bay (Community) <span class="icon icon-remove"></span></a>
</div>

JavaScript

$(".list-container a").click(function() {   
 $(this).prependTo('.selected-container');
});