JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<thead>
<tr>
<th>City</th>
<th>%age</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>NY</td>
<td>57% - 95%</td>
<td>2011</td>
</tr>
<tr>
<td>NY</td>
<td>30% - 65%</td>
<td>2012</td>
</tr>
<tr>
<td>FL</td>
<td>50% - 60%</td>
<td>2012</td>
</tr>
<tr>
<td>AL</td>
<td>10% - 50%</td>
<td>2014</td>
</tr>
</tbody>
</table>
JavaScript
function filterByPercentVal(val) {
$('tbody tr').show().filter(function () {
var rangeText = $.trim($(this).find('td').eq(1).text()).replace(/%|\s/g, ''),
rangeLimits = rangeText.split('-');
return !(val >= parseInt(rangeLimits[0], 10) && val <= parseInt(rangeLimits[1], 10));
}).hide();
}
filterByPercentVal(55)