JQuery: How to select first td compared to the clicked td : ***Hello*** it will have been very easy if the selector was juste < tr> like this : $('tr')
But i target td
(for example click here or td 2 etc ...) and I want to have the content of the first td compared to the ***clicked td*** 
that is to say td 1 in this case.


this is my html code 

    <tr>
        <td class="id"> td 1 </td>
        <td> td 2 </td>
        <td> td 3 </td> 
        <td> CLICK HERE  </td>
    </tr>


And this is my jQuery code with < tr> .. what about if a select was a < td> ? 

 

    $('tr').on('click',function()
      {
         var tds = $('td:first-child', this).text();
         alert(tds);
      });

After having documented I found this 
but that did not help :( 

    var td1 = $(this).closest('td.id').prev('').text();
    alert(td1);

 
Thank you in advance