jQuery addClass example

Change class name on click in jQuery

HTML

<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.js"></script>


<script src="js/index.js"></script>
</head>

<body>

<div class="page-content-wrapper">
        <table id="customView" class="table table-sm table-striped table-bordered dt-responsive nowrap width-100-percent">

		</table>
</div>

</body>
</html>

JavaScript

$(document).ready(function () {

  var testData = { 
    "columns":[ 
       { 
          "title":"A&E",
          "data":"A&E"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.lotNumber\">Los-Nr.</span>",
          "data":"<span data-i18n=\"viewHeader.lotNumber\">Los-Nr.</span>"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.processFlow\">Arbeitsplan</span>",
          "data":"<span data-i18n=\"viewHeader.processFlow\">Arbeitsplan</span>"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.causingFacility\">verurs. Facility</span>",
          "data":"<span data-i18n=\"viewHeader.causingFacility\">verurs. Facility</span>"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.causingPA\">verursachender Prozessbereich</span>",
          "data":"<span data-i18n=\"viewHeader.causingPA\">verursachender Prozessbereich</span>"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.causingOperation\">verurs. Operation</span>",
          "data":"<span data-i18n=\"viewHeader.causingOperation\">verurs. Operation</span>"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.creatingOperation\">erf. Operation</span>",
          "data":"<span data-i18n=\"viewHeader.creatingOperation\">erf. Operation</span>"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.causingEquipment\">verurs. Anlage</span>",
          "data":"<span data-i18n=\"viewHeader.causingEquipment\">verurs. Anlage</span>"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.creatingEquipment\">erf. Anlage</span>",
          "data":"<span data-i18n=\"viewHeader.creatingEquipment\">erf. Anlage</span>"
       },
       { 
          "title":"<span data-i18n=\"viewHeader.FailureReason\">Ausfallursache</span>",
          "data":"<span data-i18n=\"viewHeader.FailureReason\">Ausfallursache</span>"
       },
       { 
          "title":"<span...