選択データ（TR）

Question

Addは[trの第三td]をクリックしたときに、私が欲しい、Javascriptを/ jQueryのは、すぐにそのIDの後に配置TEXTAREAからこのidとval()を選択します[すべてではないテキストエリア]。 ....

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

変更note to：

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