前端加载table时，根据条件判断a标签是否显示(使用动态id)

柔光的暖阳◎ 2022-05-10 04:22 142阅读 0赞

for (let i = 0; i < datanew.length; i++) {
    
                let trItem = $('<tr></tr>');
                trItem.append('<td hidden>' + datanew[i].cid + '</td>');
                trItem.append('<td>' + datanew[i].cname + '</td>');
                trItem.append('<td hidden>' + datanew[i].pid + '</td>');
                trItem.append('<td><a href="#" class="proLink"  name="' + datanew[i].pid + '">' + datanew[i].pname + '</a> <a href="#" class="proDetail" style="color: #61d4a7" id="detail">' + '  详情' + '</a> </td>');
                trItem.append('<td hidden>' + datanew[i].epicid + '</td>');
                trItem.append('<td><a href="#" class="epicLink" name="' + datanew[i].pid + '" value="' + datanew[i].epicid + '">' + datanew[i].epicname + '<a href="#" class="childEpicDetail" style="color: #FFDE75"  id="detailnew_' + i + '"  hidden>' + '  子Epic' + '</a> </td>');
                trItem.append('<td>' + datanew[i].priority + '</td>');
                trItem.append('<td>' + datanew[i].completely + '</td>');
                trItem.append('<td>' + datanew[i].issuessum + '</td>');
                trItem.append('<td>' + datanew[i].doneissuesnum + '</td>');
                trItem.append('<td>' + datanew[i].undoissuesnum + '</td>');
                trItem.append('<td>' + datanew[i].undoissueswithsprint + '</td>');
                trItem.append('<td>' + datanew[i].undoissueswithbacklog + '</td>');
                trItem.append('<td>' + datanew[i].startdate + '</td>>');
                trItem.append('<td>' + datanew[i].enddate + '</td>>');
                trItem.append('<td>' + datanew[i].datascope + '</td>>');
                $('#epicTb').append(trItem);
    
                //如果有子Epic，则显示子Epic的详情 20180925
                isHaveChildEpic(datanew[i].epicid);
                if (isCheckChild == true) {
                    $("#detailnew_" + i + "").show();
                }
            }

使用方法

1、设置动态id为：  id="detailnew\_' + i + '"

2、获取动态id的值： $("\#detailnew\_" + i + "").show();

注意：获取动态id的值一定要在render方法 加载方法之后去取。

3、代码块二，是判断是否为符合条件的

注意：在ajax的返回值里，进行判断，是设置了全局变量的值。

4、还有一种实现方式，是使用display的值。

简单说明如下

trItem.append('<td> <a href="\#" class="childEpicDetail" style="color: \#FFDE75;display: '+isDisplay +'">' + ' 子Epic' + '</a>  </td>');

设置style里面的 display为变量值。

let isDisplay='none';

if(isHaveChildEpic(datanew\[i\].epicid )) \{