Sélectionnez les données de deux rangées de table (tr)

Question

Je veux quand Add est cliquée [3 td de tr], Javascript/JQuery sélectionnera cette id ET l'val() de textarea qui placé immédiatement après cet ID [pas tous les textarea]. ....

HTML

   <tr> 
        <td>A</td>     
        <td>£ 10</td> 
        <td><b id='1' class='btn'>Add</b></td> 
       </tr> 

       <tr> 
        <td> 
         <div class='form-group'> 
         <label>Add Note:</label> 
         <textarea class='form-control'></textarea> 
         </div> 
        </td> 
       </tr> 

       <tr> 
        <td>B</td>     
        <td>£ 10</td> 
        <td><b id='2' class='btn'>Add</b></td> 
       </tr> 

       <tr> 
        <td> 
         <div class='form-group'> 
         <label>Add Note:</label> 
         <textarea class='form-control'></textarea> 
         </div> 
        </td> 
       </tr> 


       <tr> 
        <td>C</td>     
        <td>£ 10</td> 
        <td><b id='3' class='btn'>Add</b></td> 
       </tr> 

       <tr> 
        <td> 
         <div class='form-group'> 
         <label>Add Note:</label> 
         <textarea class='form-control'></textarea> 
         </div> 
        </td> 
       </tr> 

JS

<script> 

     $('b.btn').click(function(){ 

     var x_id = $(this).attr('id'); 
     var note = $('textarea').val(); 

     }); 

    </script> 

Answer 1

changement note à:

var note = $(this).closest('tr').next().find('textarea').val();