JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="swapper"/>
<table cellspacing="0" cellpadding="0">
<tr id="r1">
<td>1</td>
<td>Some Text1</td>
<td>Some Text1</td>
</tr>
<tr id="r2">
<td>1</td>
<td>Some Text2</td>
<td>Some Text2</td>
</tr>
<tr id="r3">
<td>3</td>
<td>Some Text3</td>
<td>Some Text3</td>
</tr>
<tr id="r4">
<td>4</td>
<td>Some Text4</td>
<td>Some Text4</td>
</tr>
<tr id="r5">
<td>5</td>
<td>Some Text5</td>
<td>Some Text5</td>
</tr>
</table>
JavaScript
$(function(){
$('#swapper').keyup(function(event) {
var valur = $(this).val();
});
})