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(′.opt−action′);opt−action表示父元素的class,拿到后,获得父元素中的这个post−id的值item.attr(‘post-id’);那么就可以了