从两个表行（tr）中选择数据

Question

我希望点击Add时td的{​​{1}}，Javascript / JQuery会从定位的textarea中选择此tr和id紧接着那个id [不是所有textarea] .....

HTML

val()

JS

                <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>

Answer 1

将note更改为：

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