求助jq遍历二维json数据

[m0_46423730]

服务器获取的json数据正常console 正常显示遍历，却给tabile添加后 类似于9*9=81格式

for (var i in content) {
 
     $(".connect").append("<tr id='active_obj_' class='active active_obj_'></tr>");
 
      for (var j in content[i]) {
            $(".active_obj_").append( "<td>"+content[i][j]+"</td>")
                                
      }
}

 


<tr id="active_obj_" class="active active_obj_">


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


 


</tr>


<tr id="active_obj_" class="active active_obj_">


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


</tr>


<tr id="active_obj_" class="active active_obj_">


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


</tr>


<tr id="active_obj_" class="active active_obj_">


    <td>a</td>


    <td>b</td>


    <td>c</td>


    <td>a</td>


    <td>b</td>


    <td>c</td>


 


</tr>


<tr id="active_obj_" class="active active_obj_">


    <td>a</td>


    <td>b</td>


    <td>c</td>


    


</tr>

我要的是一个TR理念就显示3个td就行了

[方工]

重复添加了！

for (var i in content) {
  
     var e=$("<tr id='active_obj_' class='active active_obj_'></tr>");
  
      for (var j in content[i]) {
            e.append( "<td>"+content[i][j]+"</td>")
      }
    $(".connect").append(e);
}

[我爱小仙女]

function inner(content){
    let str = ''
    for (let i in content) {
        str += `<td>${content[i]}</td>`             
    }
    return str
}
function outter(content) {
   let str = ''
   for(let i in content) {
     str += `<tr id='active_obj_' class='active active_obj_'>${inner(content[i])}</tr>`
   }
   return str
}
$('.content').html(outter(content))

[m0_46423730]

引用 2 楼 我爱小仙女的回复:

function inner(content){
    let str = ''
    for (let i in content) {
        str += `<td>${content[i]}</td>`             
    }
    return str
}
function outter(content) {
   let str = ''
   for(let i in content) {
     str += `<tr id='active_obj_' class='active active_obj_'>${inner(content[i])}</tr>`
   }
   return str
}
$('.content').html(outter(content))

谢谢，解决了

[m0_46423730]

引用 1 楼 方工的回复:

重复添加了！

for (var i in content) {
  
     var e=$("<tr id='active_obj_' class='active active_obj_'></tr>");
  
      for (var j in content[i]) {
            e.append( "<td>"+content[i][j]+"</td>")
      }
    $(".connect").append(e);
}

谢谢解决了。。

[lockmemory]

比较常见的问题，解决得也很好，支持！收藏。