How can the title attribute from a table header in a nested grid be obtained

How can the title attribute from a table header in a nested grid be obtained

The example below contains the html for the 2nd Grid (partial view) within the outer Grid.
using the click event

if (e.target.className = "grid-header")  will let me know a click has occurred on a Grid header.
1) How can it be determined if a title has been clicked
2) how can it be determined which titled was clicked to do something different depending on the clicked title

 <tr>
     <th class="grid-header" title="genre">
     <th class="grid-header" title="concert">
    
    
     Grid1        First Name        Last Name
                     Foo                        Fighters
 
  Grid2        genre            Concerts
                  RR                1900-01-01
                  RR                1900-01-02
     Grid1        First Name        Last Name
                     Tom                        Jones
 
  Grid2        genre            Concerts
                  RR                1900-02-03
                  RR                1900-02-04