javascript - 如何在连接变量的特定部分动态插入文本

Question

我正在创建一个 JavaScript 函数来根据服务器的 JSON 响应动态创建一个表。到目前为止一切正常。但现在我必须在我的 <tr> 中插入一个类元素，但条件在 <td> 中循环..

例如:

//loop for tr
var tr='';
for(var x=0; x<100; x++)
{
  tr .="<tr>";
    //loop for td
    var td = '';

    for(var y = 0; y<10; y++)
     {
     //condition to add class on the parent tr
     if(y==3){ // should add class to tr }
       td += '<td>'+y+'</td>';
     }
 tr+=td+'</tr>';
}

上面的代码应该生成一个 100 行 10 列的表格。我的问题是，有没有办法向其父节点添加文本？如果条件位于子循环内。

上面的预期结果是

<tr class='someclass'>
   <td>0</td>
   <td>1</td>
   <td>2</td>
   <td>3</td>
   <td>4</td>
   <td>5</td>
   <td>6</td>
   <td>7</td>
   <td>8</td>
   <td>9</td>
</tr> x100

Answer 1

使用单独的变量在每次迭代中构建行，始终将类添加到行中，然后在添加的列中，如果您不应该有类，请使用 string.replace() 将类属性文本替换为空字符串，然后将其附加到您的表构建字符串中:

//loop for tr
var tr='';
for(var x=0; x<100; x++)
{
    let tempRowString = '<tr class="yourClass">';
    //loop for td
    var td = '';

    for(var y = 0; y<10; y++)
    {
       //condition to not add class on the parent tr
       if(!conditionMet){
           tempRowString = tempRowString.replace('class="yourClass"', '');
       }
    }

    tempRowString +=td+'</tr>';
    //Append your row string to your table building string
    tr += tempRowString;
}