JSFiddle - React, Tailwind, and code Playground

HTML

<br><br>

<table class="my-table">
	<tr data-y="1">
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr data-y="2">
		<td></td>
		<td></td>
		<td  colspan="">Im dsdsdsds</td>
		<td  colspan="">Im dsdsdsds</td>
		<td></td>
        <td></td>
        <td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table>

CSS

.my-table {
    border: 1px solid #000;
    width: 100%;
    border-spacing: 0;
}

.my-table td {
    width: 55px;
    height: 22px;
    border: 1px solid #000;
}

JavaScript

(function() {
	var y = 2;
    var $table = $('.my-table').first();
    
    var $colspanned = $table.find('tr[data-y="'+y+'"] > td[colspan]');
    $colspanned.css("background","red");
    alert(typeof $colspanned);
})();