JSFiddle - React, Tailwind, and code Playground

by k_rma

HTML

<table>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
    <tr>
        <td>AA</td>
        <td>BB</td>
        <td>CC</td>
    </tr>
    <tr>
        <td>AAA</td>
        <td>BBB</td>
        <td>CCC</td>
    </tr>
</table>

CSS

.selected {
    color:red;
}

JavaScript

$(function () {
    $("td").click(function () {
        var columnNo = $(this).index();
        var $arr = $(this).closest("table")
            .find("tr td:nth-child(" + (columnNo + 1) + ")")
            .toggleClass("selected").map(function() {
                return ($(this).hasClass('selected')) ? $(this).text() : "";
              }).get();
        console.log($arr);
    });
});