用jQuery中的$.each()方法怎么通过前端确定点击的index？

 function renderProductHtml(data) {
            var str = "";//用来存储html内容
            if (data.length > 0) {
                $.each(data, function (k, v) {
                    str += "<div name='article' id='" + v.id + "' style='margin-left:20px; margin-bottom:130px; width:150px; height:150px; float:left; text-align:center'><div><img  alt='' src='" + v.image + "' style='cursor: pointer' width='150px' height='150px'/></div>";
                    str += "<div style='text-align:left;' ><div><label>商品名称:</label><span style='width: 150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float: left;color: darkorange' title='" + v.title + "'>" + v.title + "</span></div>";
                    str += "<div><label>价格:</label><span style='color:#FF3030;'>￥" + v.price + "</span></div>";
                    str += "<div><label>商品ID:</label><a onclick='to(id)'><input type='text' id='id' value='" + v.id + "'></a>" + "</div></div></div>";
                    console.info("id:" + this.id);


                });
                $("#product").html(str);

            }

如图，不管点击哪个商品图片，控制台显示的id永远是第一个商品的id，所以我想通过index确定商品id，但是不知道index怎么得到，哪位大佬救救孩子吧

传递id的值啊。。