jQuery addClass example

Change class name on click in jQuery

by epinapala

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<table id="data-table-test" class="display" width="100%"></table>

JavaScript

var dataSet = [["<a href=\"#\" onclick=\"goMetrics(0)\">r1metadata</a>","metadata-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(0)\">SEO</a>","Saral Bharathi, Sukumar Jeyaseelan","SEO Engineering","",""],["<a href=\"#\" onclick=\"goMetrics(1)\">r1lss</a>","lss-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(1)\">VOODOO</a>","Jiazhi Ou","Shipping Team","",""],["<a href=\"#\" onclick=\"goMetrics(2)\">r1cimsdash</a>","cimsdash-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(2)\">USERCRUD</a>","Mallikarjuna, Potta","Identity","",""],["<a href=\"#\" onclick=\"goMetrics(3)\">r1xomisc</a>","xomisc-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(3)\">XOAPP</a>","Andy Liang","Checkout Experience","",""],["<a href=\"#\" onclick=\"goMetrics(4)\">r1xodalsvc</a>","xodalsvc-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(4)\">XOAPP</a>","Deval dudhia","Checkout Experience","",""],["<a href=\"#\" onclick=\"goMetrics(5)\">r1ocswebapp</a>","ocswebapp-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(5)\">CSOCS</a>","","Customer Service Technology","",""],["<a href=\"#\" onclick=\"goMetrics(6)\">r1sps01</a>","sps01-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(6)\">STDPLAT</a>","Nagarajan Kanna","Standards","",""],["<a href=\"#\" onclick=\"goMetrics(7)\">r1aspapi</a>","aspapi-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(7)\">VOODOO</a>","Jiazhi Ou","Shipping Team","",""],["<a href=\"#\" onclick=\"goMetrics(8)\">r1psnserv</a>","psnserv-app","","","","r1","","","<a href=\"#\" onclick=\"goJira(8)\">STORES</a>","Almos Gabor (algabor)","European Product Development","",""]];
 
$(document).ready(function() {
    $('#data-table-test').DataTable( {
        data: dataSet,
        columns: [
            { title: "Name" },
            { title: "Position" },
            { title: "Office" },
            { title: "Extn." },
            { title: "Start date" },
            { title: "Salary" },
            { title:...