其他分享
首页 > 其他分享> > jQuery,from标签,歪路子小技巧

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 对象,然后我们就可以直接用了。

标签:jQuery,temp,标签,tr,value,table,路子
来源: https://www.cnblogs.com/carlows/p/15330237.html