get All cell value from table header

get All cell value from table header

by Anand Jee

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<table id="tblAddress">
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>DOB</th>
      <th>Address1</th>
      <th>Address2</th>
      <th>City</th>
      <th>State</th>
      <th>Country</th>
      <th>ZIP Code</th>
    </tr>
  </thead>
  <tr>
    <td>1</td>
    <td>ANAND JEE</td>
    <td>05/10/1988</td>
    <td>2404</td>
    <td>Mohali Sector 71</td>
    <td>SAS Nagar</td>
    <td>Punjab</td>
    <td>INDIA</td>
    <td>160051</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Nilesh Pathak</td>
    <td>11/01/1990</td>
    <td>House No 91</td>
    <td>Kargi Chowk</td>
    <td>Dehradun</td>
    <td>Uttrakhand</td>
    <td>INDIA</td>
    <td>248001</td>
  </tr>
</table>

CSS

table,
td,
th {
  font-size: 12px;
  font-family: calibri;
}

table,
tr td,
tr th {
  border: 1px solid black;
  border-collapse: collapse;
}

tr th,
tr td {
  padding: 7px;
}

JavaScript

var cellLength = $("#tblAddress").find("thead tr th").length;
var headerText = '';
for (var i = 0; i < cellLength; i++) {
  headerText += $("#tblAddress").find("thead tr th:eq(" + i + ")").text() + ",\n";
}
console.log(headerText);