jQuery,from标签,歪路子小技巧

通常我们在写 html 前端会用一些框架或者自己手动写 table 来进行数据的展示，那么修改 table 中的数据并进行反馈就是经常遇到的，一般框架会提供一些对应的方法，那么今天说下自己手写的时候一个我的歪路子，jQuery + from标签，用过 from标签的都知道，点击按钮提交的时候会自动将输入框按照 { name: value } 的方式封装成标准 json 用于交互。

var data = [];
$('.layui-table-main').find('tr').each((i, m) => {
    var temp = $('<form></form>').append(m.cloneNode(true)).serializeArray();
    data.push({ url: temp[0].value, text: temp[1].value, link: temp[2].value });
});

这里我用 layui 生成的 table 做案例，我们获取 table 的 tr 并进行遍历，通过 from标签的特性，调用jQuery封装的 serializeArray 方法，模拟提交获得 json 对象，然后我们就可以直接用了。