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++) {&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(".lv-ticketNum" + i).append('<p class="surplus surplus' + j + '">' + result[i].SeatInfos[j].SeatNum + '&nbsp;</p>');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if（result[i].SeatInfos[j].SeatNum == 0）{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(".lv-ticketBtn" + i).append('<a class="btn g-btn g-btn' + j + '"&nbsp; data-key="' + j + '"&nbsp; href="javascript:;" class="disabled"><span>Book</span></a>');&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(".lv-ticketBtn" + i).append('<a class="btn g-btn g-btn' + j + '"&nbsp; data-key="' + j + '"&nbsp; href="javascript:;"><span>Book</span></a>');&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<style>&nbsp; &nbsp; &nbsp; &nbsp; a.disabled {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pointer-events: none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; filter: alpha(opacity=50); /*IE滤镜，透明度50%*/&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -moz-opacity: 0.5; /*Firefox私有，透明度50%*/&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 0.5; /*其他，透明度50%*/&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; </style>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;用css实现禁用效果