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

我想，当点击Add[第三个td of tr]时，Javascript/JQuery将从紧跟在该id之后的textarea[并非所有textarea]中选择该id和val

HTML

JS

将注释更改为：

---

也许你可以给每个textarea添加一个id属性？有很多textarea。。。这些添加按钮和文本区域将通过PHP生成………@j08691，这太棒了。。。。。100%工作。。。。非常感谢您的快速解决方案…@Tariquislam不客气。如果你觉得这个答案对你的问题有帮助，或者回答了你的问题，请随意投票和/或接受它。

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

    <script>

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

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

        }); 

    </script>

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