jquery为table中的tr附html值，总是显示一行，这个该如何解决？？ 10

需要呈现如下格式：现在的代码如下：<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scrip... 需要呈现如下格式：

现在的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-1.7.1.js"></script>
<script type="text/javascript">
$(function(){
var relHtml="<tr class=\"trTitle\"><td colspan=\"6\">关联信息<a>查看详细关系</a></td></tr><tr id=\"relData\"><td colspan=\"6\" align=\"center\" > 正在加载中...</td></tr>";
$("#relTable").html(relHtml);
var relDataHtml="<td class=\"tit\">Informix:</td><td>2</td><td class=\"tit\">Oracle:</td><td>1</td><td class=\"tit\">SQL Server:</td><td>1</td></tr><tr><td class=\"tit\">Vcenter:</td><td>1</td><td class=\"tit\">小型机:</td><td>2</td><td class=\"tit\">应用系统:</td><td>3</td></tr><tr><td class=\"tit\">应用软件:</td><td>1</td><td class=\"tit\">硬件控制器:</td><td>1</td><td class=\"tit\">虚拟化控制器:</td><td>1</td></tr><tr><td class=\"tit\">虚拟化群集:</td><td>1</td><td class=\"tit\">逻辑服务器:</td><td>1</td><td class=\"tit\">集群:</td><td>3</td>";
alert(relDataHtml);
$("#relData").html(relDataHtml);
}); </script>
</head>
<body><table id="relTable" border="1"> </table></body>
</html>

现在的效果为：

业务有上述逻辑的需求，不能直接给table赋全值。只能处理tr中的数据。展开





 我来答

1个回答

#热议# 不吃早饭真的会得胆结石吗？

yugi111
2014-10-27 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>JavaScript随机显示文字</title>
<style type="text/css">
table {
	margin: 0 auto;
	border: 1px solid black;
	border-collapse: collapse;
}

td {
	border: 1px solid black;
}
</style>
<script src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
	$ (function ()
    {
	    var relHtml = "<tr class=\"trTitle\"><td colspan=\"6\">关联信息<a>查看详细关系</a></td></tr><tr id=\"relData\"><td colspan=\"6\" align=\"center\" style='display:none;' >&nbsp;正在加载中...</td></tr>";
	    $ ("#relTable").html (relHtml);
	    var tr1 = "<tr>";
	    var tr2 ="</tr>";
	    var relDataHtml = tr1 + "<td class=\"tit\">Informix:</td><td>2</td><td class=\"tit\">Oracle:</td><td>1</td><td class=\"tit\">SQL Server:</td><td>1</td></tr><tr><td class=\"tit\">Vcenter:</td><td>1</td><td class=\"tit\">小型机:</td><td>2</td><td class=\"tit\">应用系统:</td><td>3</td></tr><tr><td class=\"tit\">应用软件:</td><td>1</td><td class=\"tit\">硬件控制器:</td><td>1</td><td class=\"tit\">虚拟化控制器:</td><td>1</td></tr><tr><td class=\"tit\">虚拟化群集:</td><td>1</td><td class=\"tit\">逻辑服务器:</td><td>1</td><td class=\"tit\">集群:</td><td>3</td>" + tr2;
	    $ ("#relTable").append (relDataHtml);
    });
</script>
</head>
<body style="text-align: center;">
	<table id="relTable">
	</table>
</body>
</html>

追问

$ ("#relTable")里面的内容是分批加载的，我只是截取了一小部分。class为relHtml的tr前后都有动态的tr标签对。我只是把他们省略了。。不能直接的给table append..

本回答由网友推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jquery为table中的tr附html值，总是显示一行，这个该如何解决？？ 10

其他类似问题

为你推荐：