Javascript 使用jquery中的add row从html表中获取数据

我有一个html表，它使用Javascript在客户端添加了行，但无法使用jquery获得表的所有值

以下是我的“删除行”按钮操作：

        $(document).ready(function () {
        $("table.bordered").on("click", ".ibtnDel", function (event) {
            $(this).closest("tr").remove();
            var mydata;
            //gets table

            $("#myTable tr").each(function (row, tr) {
                mydata = mydata
                    + $(tr).find('td:eq(0)').text() + ' '
                    + $(tr).find('td:eq(1)').text() + ' '
                    + $(tr).find('td:eq(2)').text() + ' '
                    + $(tr).find('td:eq(3)').text() + ' '
                    + '\n';
            });
            alert(mydata);
        });});

这是我的html表格：

        <table id="myTable" runat="server" class="bordered">
        <thead>
            <tr>
                <td>h1</td>
                <td>h2</td>
                <td>h3</td>
            </tr>
        </thead>
        <tbody></tbody>
        </table>

h1
氢
h3

---

有一个解决方案吗？

你介意用你的代码制作一个JSFIDLE吗？我不知道JSFIDLE，我只是用谷歌搜索它。这可能是因为你在.each循环中覆盖了我的数据，而不是附加.solution做什么？有什么问题？JQuery代码不工作？如果是这样，它应该做什么？像这样的事情？