关于freemarker的问题

Question

 <img id="img_${items_index+1}"  style="display: inline-block; width:30px;height:30px;" src="<@resource path="app/tby/images/icon/HW.png"/>" rel="${items.shop_id}" class="toCancelShop"/>
                                                 <span class="cancelShop" style="display:none; color:white; background-color:red;" rel="${items.shop_id}">取消关注</span>
                                                 <span class="nocancelShop" style="display:none; color:white; background-color:red;">点错了,返回</span>

上面的是循环输出,我的图片是同一张

 $(document).ready(function(){
            $(".toCancelShop").click(function(){
            $(".toCancelShop").hide();
            $(".cancelShop").show();
            $(".nocancelShop").show();
            var shop_id = $(this).attr('rel');
            console.log("shop_id",shop_id);       


            });

            $(".cancelShop").click(function(){
                var DATA = {}
                DATA.method="userShopcollectDel";
                DATA.shop_id=shop_id;
                 businessExec("tbwCustomerService",DATA,function(data,rspData){
                console.log("rspData",JSON.stringify(rspData));
                },true);
            });

            $(".nocancelShop").click(function(){
                $(".nocancelShop").hide();
                $(".cancelShop").hide();
                $(".toCancelShop").show();
            });

         });
                ```
这是我的js，先在问题就是这样的![图片说明](https://img-ask.csdn.net/upload/201607/04/1467617696_239788.png)    

Answer 1

" rel="${items.shop_id}" class="toCancelShop"/>
取消关注
点错了,返回

                                                                                            我的ftl里面是这样写的