jquery如何在结果集循环添加tr，td标签。

Posted 2023-04-04

这是我的代码，但是这个不行。

这个是要实现的效果，拼成这样的。

你好！！

success: function(result)
    for(var i=0;i<2;i++)
        var $tr = $("<tr />");
        for(var j=0;j<5;j++)
            var $td = $("<td><a href='#' ></a></td>");
            $td.find("a").text("hello"+j);
            $tr.append($td);
        
        $("#searchwordInfo").append($tr);
    

追问

请问下，我取值要怎么取，我结果集里有10条记录，怎么循环出来呢？

追答

那得看返回的结果是什么内容了？什么格式的了？

参考技术A if(result)

 var path = $("#sercicePath").val();//获取当前的访问路径

    for( var i=0;i<2;i++)

  var str = "<tr>"

  for(var j=0;j<result.length;j++)

      str += "<td><a href=\\""+path+"+需要的其他路径+"\\">"+result[j].swInfo+"</a></td>"

  

  str += "</tr>"

 

 $('#searchwordInfo').append(str);

 alert($('#searchwordInfo').html());

你看这个行不行 

参考技术B  for(var i=0;i<2;i++)
   $("#searchwordInfo").append('<tr id="tr'+e[i].id+'"></tr>');
   for(var j=0;j<5;j++)
     $("#tr"+i).append('<td></td>');
    
 

/*我没测试 你试试吧*/

追问

数据怎么取呢？我这个结果集有10条，但是循环取j才是5，怎么取6-10条呢

追答

我暂时能想到的就是SQL语句控制取出结果集的
分成2组数组 一组取前5条 另一组去后5条
把这两组数组在写到一个大数组中返回
剩下的 就看你怎么控制了
或者 你在等等大神回复

追问

谢谢了，我等等看有没有好方法

参考技术C

$(function()

//注释是不对的。append还是需要添加闭合标签，不然搭建的表格结构有问题

$.getJSON(

"/homeofcar/user/getjson",

function(data)

var list = data;

//循环

$.each(list,function(i,user)

//构建行

var $tr = $("<tr></tr>");

//复选框

$tr.append('<td><input type="checkbox"/></td>');

//用户

$tr.append("<td>"+user.realname+"</td>");

//角色

var juese = '<td><table cellspacing="0" cellpadding="0" border="1" style="border-collapse: collapse;border-width:0px; border-style:hidden;">';

$.each(user.listRole,function(j,role)

juese = juese + "<tr><td>"+role.rolename+"</td></tr>";

);

juese+="</table></td>";

$tr.append(juese);

/**/

// $tr.append('<td><table cellspacing="0" cellpadding="0" border="1" style="border-collapse: collapse;border-width:0px; border-style:hidden;">');

// $.each(user.listRole,function(j,role)

// $tr.append("<tr><td>"+role.rolename+"</td></tr>");

// );

// $tr.append("</table></td>");

//权限

var quanxian = '<td><table cellspacing="0" cellpadding="0" border="1" style="border-collapse: collapse;border-width:0px; border-style:hidden;">';

$.each(user.listRole,function(j,role)

quanxian+="<tr><td>";

$.each(role.listModule,function(k,module)

quanxian+=module.modulename;

);

quanxian+="</td></tr>";

);

quanxian+="</table></td>";

$tr.append(quanxian);

/**/

// $tr.append('<td><table cellspacing="0" cellpadding="0" border="1" style="border-collapse: collapse;border-width:0px; border-style:hidden;">');

// $.each(user.listRole,function(j,role)

// $tr.append("<tr><td>");

// $.each(role.listModule,function(k,module)

// $tr.append(" "+module.modulename);

// );

// $tr.append("</td></tr>");

// );

// $tr.append("</table></td>");

//编辑

$tr.append("<td>编辑</td>");

//构建行追加

$("#tablemax").append($tr);

);

);//getJSON

);

js如何设置里面的标签隐藏

点添加分类的时候，显示添加分类填选项
2、点上一步的时候，吧添加分类填选项隐藏，选中分类（四个长方形）显示，怎么我隐藏的是否有个白色的占位东西在哪里，而不是紧贴的，有什么办法解决
代码如下：
<table>
<tr><td><table><tr><td>四个长方形的代码</td></tr></table></td><tr>
<tr><td><table><tr><td>上传隐藏文字的代码</td></tr></table></td><tr>
</table>

参考技术A 你用了哪个属性隐藏，是设置display还是visibility属性，要是visibility属性，他还是会占据先前的高度，如果是display那就应该不会。本回答被提问者采纳 参考技术B

给下面包着内容的table加一个id或者class  

document.getElementById('你填写的id').style.display = 'none';