怎么对jquery里的html(0里的对象改变样式和其他操作呢，可以在html()里面用js，css吗？

<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>json</title><scripttype="text/... <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
json
</title>
<script type="text/javascript" src="jquery-1.6.2.js">
</script>
<style type="text/css">
.odd {
background-color:#CCFF00;
}
.stl {
border:thick;
border-collapse:collapse;
}
</style>

<script type="text/javascript">
$(function() {
$("#Button1").click(function() {
$.getJSON("UserInfo.json", function(data) {
$("#divTip").empty();
var str="<table class='sortable' id='userinfo'><tbody><tr><td>Name</td><td>Sex</td><td>Email</td></tr>";
$.each(data, function(InfoIndex, Info){
str=str + "<tr><td>" + Info["name"] + "</td><td>" + Info["sex"] + "</td><td>" + Info["email"] + "</td></tr>";
});
str = str + "</tbody></table>";
$("#divTip").append(str);
});
});
});

$("body").find(".sortable tbody tr:odd").addClass('odd');
$("body").find(".sortable tr:even").addClass('even');
$("body").find("#divTip table").addClass('stl')
</script>
<style type="text/css">
.stl {
border:thick;
border-collapse:collapse;
}
</style>

</script>
</head>

<body>
<div class="divFrame">
<div class="divTitle">
<input id="Button1" type="button" class="btn" value="获取数据" />
</div>
<div class="divContent">
<div id="divTip">
</div>
</div>
</div>
<script type="text/javascript">
$("body").find(".sortable tbody tr:odd").addClass('odd');
$("body").find(".sortable tr:even").addClass('even');
$("#divTip").find("table").addClass('stl')
</script>
<style type="text/css">
#div table{
border:thick;
}
</style>
</body>

</html>

那些js和样式都没有用，要怎么改呢展开

 我来答

2个回答

#热议# 为什么有人显老，有人显年轻？

ward502
推荐于2016-08-31 · TA获得超过1185个赞

知道大有可为答主

回答量：794

采纳率：0%

帮助的人：1361万

我也去答题访问个人页

关注

展开全部

如下修改
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
json
</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
.odd {
background-color:#CCFF00;
}
#div table{
border:thick;
}
.stl {
border:thick;
border-collapse:collapse;
}
</style>

<script type="text/javascript">
$(function() {
$("#Button1").click(function() {
$.getJSON("UserInfo.json", function(data) {
$("#divTip").empty();
var str="<table class='sortable' id='userinfo'><tbody><tr><td>Name</td><td>Sex</td><td>Email</td></tr>";
$.each(data, function(InfoIndex, Info){
str=str + "<tr><td>" + Info["name"] + "</td><td>" + Info["sex"] + "</td><td>" + Info["email"] + "</td></tr>";
});
str = str + "</tbody></table>";
$("#divTip").append(str);
});
$("body").find(".sortable tbody tr:odd").addClass('odd');
$("body").find(".sortable tr:even").addClass('even');
$("body").find("#divTip table").addClass('stl');
});
});

</script>

</head>

<body>
<div class="divFrame">
<div class="divTitle">
<input id="Button1" type="button" class="btn" value="获取数据" />
</div>
<div class="divContent">
<div id="divTip">
</div>
</div>
</div>
</body>

</html>

更多追问追答

追问

$("body").find(".sortable tbody tr:odd").addClass('odd');
 		$("body").find(".sortable tr:even").addClass('even');
		$("body").find("#divTip table").addClass('stl');	
还是没有实现……

追答

UserInfo.json 这个文件是什么 ？给出来

本回答被提问者采纳

已赞过 已踩过<

评论收起

ljh440315
2011-07-29 · 超过28用户采纳过TA的回答

知道答主

回答量：161

采纳率：0%

帮助的人：74.2万

我也去答题访问个人页

关注

展开全部

对象错了，#divTip 下面就没有table，你把里面的层次关系得搞清楚

追问

我用$("#divTip").append(str); str  HTMLstring 生产了一个table，不行吗？

追答

你调试下这个起作用没有，还有一个原因是样式加载的顺序问题

已赞过 已踩过<

评论收起

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

怎么对jquery里的html(0里的对象改变样式和其他操作呢，可以在html()里面用js，css吗？

其他类似问题

为你推荐：