2021-07-19

1 篇文章 0 订阅

jQ中,从遍历的数据中拿到选中行的想要的数据或者该行的id等

1

前因,在jq中没有像vue里面给定好的table表格绑定数据等操作方法,需要我们自己遍历,自己搞,很烦,这也是jq被顶替的原因吧,,,

2

需求:请求接口,返回数据,绘制成列表,然后在列表中有删除,修改,提交等接口触发按钮,我们需要在点击按钮时,发送该行数据的接口请求,需要拿到该行数据id,如果在vue中,可能五分钟不到就对应完了,但是在jq中,我是没有啥法子,此方法是工作组的前辈提供

3

jq中,遍历接口过来的数据,在js中,将原html代码写入,foreach循环后将数据绑定到你想输入的位置,然后如果想针对列表中的某一条
进行操作,比如针对这一条进行一个提交按钮的接口调入,接口中需要的是该条数据的id,那么我们在js中写此数据时,在最外层父元素中需要就如一个
类id,比如<div class=“post-list” post-id=""+data.id+"">如上,post-id就是类id,里面的值就是遍历的数据中的该条数据id,那么如何获取到呢?
在点击按钮方法处,拿到此按钮的父元素 ( t h i s ) . p a r e n t s ( ′ . o p t − a c t i o n ′ ) ; o p t − a c t i o n 表 示 父 元 素 的 c l a s s , 拿 到 后 , 获 得 父 元 素 中 的 这 个 p o s t − i d 的 值 (this).parents('.opt-action');opt-action表示父元素的class,拿到后,获得父元素中的这个 post-id的值 (this).parents(.optaction);optactionclasspostiditem.attr(‘post-id’);那么就可以了

如有不理解之处,评论就好

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值