Stackoverflow

How to find elements by class name using jQuery

by andersand

HTML

<table>
    <tr class="selected">
        <td>table data</td>
        <td>table data</td>
        <td>table data</td>
    </tr>
    <tr class="">
        <td>table data</td>
        <td>table data</td>
        <td>table data</td>
    </tr>
</table>
<button id="foo">Any rows selected?</button>
<div id="result"></div>

CSS

td {
    border: 1px solid #ddd;
    padding: 4px;
}
.selected {
    background-color: #fa0;
}

JavaScript

/**
 * @tag Stackoverflow
 */
(function() {
    // create an event handler
    function onclickHandler () {
        var results = $(".selected");
        if (results.length > 0) {
            $("#result").text("Yeah. Selected rows: " + results.length);
        }
        else {
            $("#result").text("No rows selected");
        }
    }
    // assign event handler
    $("#foo").bind("click", onclickHandler);
})();