Select 来自两个 table 行的数据 (tr)

Question

我希望当 Add 被点击时 [第 3 td of tr]，Javascript/JQuery 将 select 这个 id 和 val() 来自紧接在该 id 之后的 textarea [不是所有的 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

将note更改为：

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