JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<div id="run">
    <h1>PADLIST</h1>
    <ul id="listPad1" class="connectedPadList">
        <li>DĂ©poser Ici</li>
    </ul>
    <h1>CWPLIST</h1>
    <h1>Questionnaires</h1>
</div>
 
<div id="choix">
    <h1>PADLIST</h1>
    <ul id="listPad2" class="connectedPadList">
        <li class="ui-state-default">
            <span class="identifier">CWP1</span>
            <span class="type">operator</span>
            <span class="adress">172.25.79.241</span>
            <span class="username">Participant 1</span>
        </li>
        <li class="ui-state-default">Item 2</li>
        <li class="ui-state-default">Item 3</li>
    </ul>
</div>

CSS

div{
    display:inline-block;
    width:350px;
}

JavaScript

var seeClass = $('#listPad1 li.ui-state-default span').attr('class');
$( "#listPad1, #listPad2" ).sortable({
    connectWith: ".connectedPadList",
    stop: function(){alert(seeClass);}
}).disableSelection();