Question

I have the following table:

<table>
    <tr>
        <th>Alarm</th>
    </tr>
    <tr>
        <td>OK</td>
    </tr>
    <tr>
        <td>Missing</td>
    </tr>
    <tr>
        <td>OK</td>
    </tr>
</table>

I want to count the rows in this table like this
OK = 2
Missing = 1

But I have no idea how to do it with jQuery, the selector should be specified just for alarm columns because I have other columns contains ok and missing

Note: I want to count the rows for specific column in the table just for alarms column
alaram columns contains 2 ok and 1 missing.

Answer 1

assuming Alarm is the first column:

var okCount = $('td:contains("OK")').filter(function() {
    return $(this).index() == 0;
}).length;
var missingCount = $('td:contains("Missing")').filter(function() {
    return $(this).index() == 0;
}).length;

console.log('okCount: ' + okCount);
console.log('missingCount : ' + missingCount);​

​Live DEMO