JSFiddle - React, Tailwind, and code Playground

by bizamajig

HTML

<table id="table1">
<tr class="1"><td>1</td><td>2</td><td>3</td></tr>
<tr class="2"><td>4</td><td>5</td><td>6</td></tr>
</table>

<br><br>

<table id="table2">
<tr class="3"><td>1</td><td>2</td><td>3</td></tr>
<tr class="4"><td>4</td><td>5</td><td>6</td></tr>
</table>

CSS

td { border: 5px solid green; padding: 20px }

JavaScript

$(function(){

    
    $( "#table1,#table2" ).sortable({ items: 'tr', connectWith : '#table2' });

    $( "#table2" ).on( "sortreceive", function(event, ui) {
			var $item 																= ui.item;
/*
			if ( $( ui.item ).hasClass( '1' ) ) {
				console.log( $( ui.item ).attr( 'class' ) );
      }
*/        
			if ( $item.hasClass( '1' ) ) {
				console.log( $item.attr( 'class' ) );
      }
    });        

});