首页 > 代码库 > jquery 展开收缩table
jquery 展开收缩table
function zkss(objtd, tableid) { if ($(objtd).html() == "展开更多") { $("#" + tableid + " .changeTr").removeAttr("style"); $(objtd).html("收缩"); } else { $("#" + tableid + " .changeTr").css("display", "none"); $(objtd).html("展开更多"); } } //排行 function get_pl(tableid) { $("#"+tableid).html(""); $.ajax({ url: "ajax/userHandler.ashx", data: { type: tableid, rad: Math.random() }, dataType: "json", success: function (data) { if (data.success == "1") { var item = ""; var isyc = 0; $.each(data.data, function (k, dtRow) { var mc = dtRow["name"]; var cs = dtRow["n"]; if (k < 3) { item = item + "<tr ><td><span class=\"label label-warning\">" + (k + 1) + "</span></td><td>" + mc + "</td><td>" + cs + "</td></tr>"; } else { if (k >= 10) { isyc = 1; item = item + " <tr style=\"display: none;\" class=\"changeTr\"><td><span class=\"label label-default\">" + (k + 1) + "</span></td><td>" + mc + "</td><td>" + cs + "</td></tr><tr> "; } else item = item + "<tr ><td><span class=\"label label-default\">" + (k + 1) + "</span></td><td>" + mc + "</td><td>" + cs + "</td></tr>"; } }); if (isyc == 1) { item = item + " <tr> <td colspan=\"3\" onclick=\" zkss(this,‘" + tableid + "‘) \" style=\"text-align:right\">展开更多</td> </tr>"; } $("#" + tableid).html(item); } else { alert(data.data); } //点击tr 的时候,修改背景色 changetrbk(); }, error: function (msg) { var description = ""; for (var i in msg) { var property = msg[i]; description += i + " = " + property + "\n"; } // debugger; alert("提交时发生系统发生错误" + description); } }); }
jquery 展开收缩table
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。