JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tbody id="items">
<tr>
<td>Item 1</td>
</tr>
<tr>
<td>Item 2</td>
</tr>
<tr>
<td>Item 3</td>
</tr>
<tr>
<td>Item 4</td>
</tr>
<tr>
<td>Item 5</td>
</tr>
<tr>
<td><a>1</a>
<a>2</a>
<a class="a3">3</a>
</td>
</tr>
</table>
CSS
.opacity {
color: red;
opacity: .5;
}
JavaScript
var atd = $('.a3')
$("td").each(function(index) {
console.log($(this).find('a').length)
if ($(this).find('a').length > 0) {
$(this).children().not(atd).addClass('opacity') //add class here
} else {
$(this).addClass('opacity') //add class here
}
})