<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var json = [{"name":"coffee","phone":"1234532"},
{"name":"Milk","phone":"7453252"},
{"name":"martin","phone":"2457788"},
{"name":"jerry","phone":"145564654"}];
$("button").click(function(){
$.each(json,function(index,content){
var name = content.name;
var phone= content.phone;
});
});
});
</script>
</head>
<body>
<button>输出</button>
<ul>
<li id="li01">Coffee</li>
<li id="li02">Milk</li>
</ul>
<ul>
<li id="li01">Coffee</li>
<li id="li02">Milk</li>
</ul>
<ul>
<li id="li01">Coffee</li>
<li id="li02">Milk</li>
</ul>
<ul>
<li id="li01">Coffee</li>
<li id="li02">Milk</li>
</ul>
</body>
</html>
这是源码，第一条数据放到第一个ul里，第二条放到第二个ul里，要怎么做
测试没反应，是不是只加一个$(body).append(""+content.name+""+content.phone+"");就可以？其他的地方要不要改？还有，能不能不写""这个，因为要是ul li有其他的样式，那不是很麻烦，能不能直接添加到里面去？？
追答$(body).append(""+content.name+""+content.phone+"");
这样应该就没问题了
可以不加
页面中就不需要写的了
不是，源码中一定要有ul li ，但在jquery里用json数据替换掉原来的那些数据，还有，这样还是不行，点击button都没反应。。。
追答$(document).ready(function(){
var json = [{"name":"coffee","phone":"1234532"},
{"name":"Milk","phone":"7453252"},
{"name":"martin","phone":"2457788"},
{"name":"jerry","phone":"145564654"}];
$("button").click(function(){
$.each(json,function(index,content){
//$("body").append(""+content.name+""+content.phone+"");
$("ul").eq(index).find("li").eq(0).text(content.name);
$("ul").eq(index).find("li").eq(1).text(content.phone);
});
});
});