关于数据挂载

list.forEach(function(item,index){

var str = itemTmpl.replace('$getItemContent',getItemContent(item));

var $target = $(str);

$target.data('itemData',item);

$('.left-bar-inner').append($target);

})

这段代码的意思是list是json里面的左侧栏数据吗？然后替换了占位符之后，将模板数据换成jquery形式，最后挂载的意思是不是就是渲染？我查了一下data方法的参数是element和key，也就是说itemData是element，即dom元素咯？item是传进来的list的key值。这样理解对吗？

hyperse 2019-11-07

源自：实战：详情页与购物车开发 1-3 详情页-左侧类目数据渲染

收起

1回答

好帮手慕慕子 2019-11-08 09:51:56

同学你好，对于你的问题解答如下

list是json里面的左侧栏数据
var str = itemTmpl.replace('$getItemContent',getItemContent(item));这句代码的意思是将模板字符串中$getItemContent字符提出成对应的数据
挂载是指使用jQuery提供data的方法，在元素上存放数据，也可以叫做数据挂载
data的使用方法，同学理解的有误差哦，可以参考如下解析
（1）data传入两个参数，那么就表示挂载数据。第一个参数表示key值，也就是itemData，第二个参数表示要添加的数据，也就是值item
（2）data传入一个参数，表示获取数组。
示例：