javascript - jQuery show rows that meet criteria -

i have page multiple tabs on per region.

on page load, load of data hidden table , when click on tab, pulls in table , filters data (removes rows not needed tab).

for example, each tr in table has classes on region names.

<tr class="americas emea apac"></tr> <- row falls 3 regions.

i have tab example shows me data americas:

$('#' + tab).find("#trainingevents .results tr:not(.americas)").remove(); removes rows table not have americas in class.

my goal make condition 3 of them required.

when click "global", row must contain 3 of classes or removed table.

what best approach accomplish this? thinking contains true if 1 of them met.

i think can use .filter() accomplish want:

function filtertable(selector) {   $("table tr").hide().filter(selector).show();   }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <table>    <tr class="americas emea apac">      <td>americas emea apac</td>    </tr>    <tr class="americas">      <td>americas</td>    </tr>    <tr class="americas emea">      <td>americas emea</td>    </tr>    <tr class="apac">      <td>apac</td>    </tr>  </table>  <input type="button" value="americas" onclick="filtertable('.americas');" />  <input type="button" value="emea" onclick="filtertable('.emea');" />  <input type="button" value="apac" onclick="filtertable('.apac');" />  <input type="button" value="global" onclick="filtertable('.americas.emea.apac');" />