for循环生成的html代码对应的下标问题

Question

for (var j = 0; j < result[i].SeatInfos.length; j++) {                     $(".lv-ticketNum" + i).append('<p class="surplus surplus' + j + '">' + result[i].SeatInfos[j].SeatNum + '&nbsp;</p>');                    $(".lv-ticketBtn" + i).append('<a class="btn g-btn g-btn' + j + '"  data-key="' + j + '"  href="javascript:;"><span>Book</span></a>');                 }                                代码页面图示如下：数据是for循环出来了，需求是为0时，book按钮禁用。问题是我现在怎么对应找到0对应的book按钮。

Answer 1

for (var j = 0; j < result[i].SeatInfos.length; j++) { 

                    $(".lv-ticketNum" + i).append('<p class="surplus surplus' + j + '">' + result[i].SeatInfos[j].SeatNum + '&nbsp;</p>');

                    if（result[i].SeatInfos[j].SeatNum == 0）{

                    $(".lv-ticketBtn" + i).append('<a class="btn g-btn g-btn' + j + '"  data-key="' + j + '"  href="javascript:;" class="disabled"><span>Book</span></a>'); 

                    }else{

                    $(".lv-ticketBtn" + i).append('<a class="btn g-btn g-btn' + j + '"  data-key="' + j + '"  href="javascript:;"><span>Book</span></a>'); 

                    }

                    

                }

                

         <style>

        a.disabled {

            pointer-events: none;

            filter: alpha(opacity=50); /*IE滤镜，透明度50%*/

            -moz-opacity: 0.5; /*Firefox私有，透明度50%*/

            opacity: 0.5; /*其他，透明度50%*/

        }

    </style>

           

                

用css实现禁用效果