JSFiddle - React, Tailwind, and code Playground
HTML
<p><button>Simulate running script</button></p>
<table class="">
<tr class="dataRow odd">
<td class="actionColumn">someAction 1</td>
<th class=" dataCell booleanColumn" scope="row">
<img class="checkImg" title="Not Checked" alt="Not Checked" src="/img/checkbox_unchecked.gif"></img>
</th>
<td class=" dataCell ">SomeData</td>
</tr>
<tr class="dataRow odd">
<td class="actionColumn">someAction 2</td>
<th class=" dataCell booleanColumn" scope="row">
<img class="checkImg" title="Checked" alt="Checked" src="/img/checkbox_unchecked.gif"></img>
</th>
<td class=" dataCell ">SomeData</td>
</tr>
<tr class="dataRow odd">
<td class="actionColumn">someAction 3</td>
<th class=" dataCell booleanColumn" scope="row">
<img class="checkImg" title="Not Checked" alt="Not Checked" src="/img/checkbox_unchecked.gif"></img>
</th>
<td class=" dataCell ">SomeData</td>
</tr>
<tr class="dataRow odd">
<td class="actionColumn">someAction 4</td>
<th class=" dataCell booleanColumn" scope="row">
<img class="checkImg" title="Checked" alt="Checked" src="/img/checkbox_unchecked.gif"></img>
</th>
<td class=" dataCell ">SomeData</td>
</tr>
</table>
JavaScript
$("button").on ("click", function () {
//--- The 'Not Checked' is case-sensitive
var notChkdRows = $(
"tr.dataRow:has(th.booleanColumn img[title='Not Checked'])"
);
//--- Use whatever CSS you wish
notChkdRows.css ( {
"background": "lime",
"font-size": "3ex"
} );
//--- But some styles do not effect rows, must use on cells
notChkdRows.children ("td,th").css ( {
"border": "5px solid pink"
} );
} );