老师,我的问题是关于详情页右侧数据渲染的问题。

来源:1-7 详情页-右侧数据渲染(4)

慕斯0469344

2019-09-26 19:10:09

function addClick(){
        $('.menu-item').on('click', '.plus', function(e){
            var $count = $(e.currentTarget).parent().find('.count');

            $count.text(parseInt($count.text()||'0')+1);

            var $item = $(e.currentTarget).parents('.menu-item').first();

            var itemData = $item.data('itemData');

            itemData.chooseCount = itemData.chooseCount + 1;


            window.ShopBar.renderItems();

        });
    }

老师,这段代码里面有几个点我不是很清楚,1:$(e.currentTarget)中的e.currentTarget是事件中自带的方法吗:2:$item.data('itemData');中的data也是jquery自带的方法吗?

写回答

1回答

好帮手慕慕子

2019-09-27

同学你好, 

  1. 是的, 是自带的方法哦,表示当前被点击的元素,  可以使用console.log打印一下查看结果, 例如: 当前点击的是"+",打印结果如下

    http://img.mukewang.com/climg/5d8d706b09a5a23d11310671.jpg

  2. 是的, 是jQuery的自带的方法,data方法可以将数据挂载在元素上的, 也访问获取挂载在元素的数据。 老师这里举个简单的示例:

    http://img.mukewang.com/climg/5d8d70e509a2c73704330153.jpg

如果帮助到了你, 欢迎采纳!

祝学习愉快·~~

0

0 学习 · 6815 问题

查看课程