read row data in html table using jQuery

15555	2	3	4	5
row2	2	3	4	888
1	2	3	4	99
1	2	3	4	666
1	2	3	4	77

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

   $('#dtTable tbody').on('click', 'td.details-control', function () {

var tr = $(this).closest('tr');

    var row = ReadRowData(tr);

        alert(row);     

    });

});

function ReadRowData(tr)

{

    var rowData=[];   

    $('td', tr).each(function () 

{  

rowData.push($(this).html());

});  

    return rowData;

}

</script>

<table id="dtTable" border="1" width="100%">

<tbody>

<tr><td class="details-control"><span>1</span><span>5555</span></td><td>2</td><td>3</td><td>4</td><td>5</td</tr>

<tr><td class="details-control">row2</td><td>2</td><td>3</td><td>4</td><td>888</td</tr>

<tr><td class="details-control">1</td><td>2</td><td>3</td><td>4</td><td>99</td</tr>

<tr><td class="details-control">1</td><td>2</td><td>3</td><td>4</td><td>666</td</tr>

<tr><td class="details-control">1</td><td>2</td><td>3</td><td>4</td><td>77</td</tr>

</tbody>

</table>