简易轮播图属性绑定，通过按钮找到我是第几张图片，属性绑定是怎么实现的。

Question

在 anniuzhi[i].zz = i 这里我是不明白，怎么绑定到第几张图片上的？用this是为了干嘛？效果如下 ↓ 我鼠标移到第几个按钮，图片也随之切换。通过属性绑定来确定我是第几个图片，属性绑定这里自己还有点模糊。

Answer 1

其实比较简单，我举个例子，像我写这种的话一般都是通过在元素上绑定 data-id 来实现的。其实属性绑定在哪里不重要，重要的是怎么去设定属性可以让你自己好用一点，不一定要跟别人一样的。

$('.target-li').on("mouseover",function(){

    var $id = $(this).attr("data-id"); //这里其实就获取了对应属性

    //然后把$id传到对应的函数中去就行了

    doSomething($id);

});

Answer 2

117行，把zz绑在按钮上了，事件触发的时候读取zz就知道是第几个了