jquery循环输出问题

你要输出什么东西？jquery可以用迭代 $.each

输出<div id="menu"><a></a></div>

我要从数据库加载div的内容让这个div能根据数据量循环生成

这种？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            for (var i = 0; i < 10; i++) {
                $('body').append('<div id="menu"><a>111111</a></div>');
            }
        });

    </script></head>
<body></body>
</html>

后台生成的都是a标签？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
</head><body>
<div id="menu"><a>1</a><a>2</a><a>3</a></div><script language="javascript" type="text/javascript">
var a = document.getElementById('menu').getElementsByTagName('a'),
len = a.length;
for(var i = 0; i < len; i++){
alert(a[i].innerHTML)
}
</script> </td>
</tr>
</table>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
</head><body>
<div id="menu"></div><script language="javascript" type="text/javascript">
var div = document.getElementById('menu');

for(var i = 0; i < 5; i++){
var a = document.createElement('a');
a.href = 'http://www.baidu.com';
a.innerHTML = 1 + i;
div.appendChild(a);
}
</script> </td>
</tr>
</table>
</body>
</html>
look~··

好多个版本哇~
你想输出的是神马?
循环输出是神马意思?输出DIV里面的内容

这样的话写好的的css好像读不到menu1 a

不是哦
我要生成的结果类似这样
<div id="menu"><a>这里是数据库返回的数据</a></div>
<div id="menu"><a>这里是数据库返回的数据</a></div>
<div id="menu"><a>这里是数据库返回的数据</a></div>
<div id="menu"><a>这里是数据库返回的数据</a></div>
<div id="menu"><a>这里是数据库返回的数据</a></div>
<div id="menu"><a>这里是数据库返回的数据</a></div>
<div id="menu"><a>这里是数据库返回的数据</a></div>

这样？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
</head><body><script language="javascript" type="text/javascript">
for(var i = 0; i < 10;i++){
document.write('<div id="menu"><a>这里是数据库返回的数据</a></div>')
}
</script> </td>
</tr>
</table>
</body>
</html>

这样和4L一样我原本写好的css完全不去做用又读不到menu1 和menu1 a了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://www.wanmei.com/public/js/jq_132.js"></script>
</head>
<style>
#menu1 a{font-size:100px;}
</style><body><script language="javascript" type="text/javascript">
    for(var i = 1; i < 10;i++){
        document.write('<div id="menu'+i+'"><a>这里是数据库返回的数据</a></div>')
    }
</script>  </td>
  </tr>
</table>
</body>
</html>

按照你说的,你的div应该定义一个class,而不是id

根据大家的我整合了下
function data1(){ $.ajax({ type:"GET", url:"php.php", beforeSend:null, success:function(){
            for (var i = 0; i < 10; i++) {
                $('.category_menu').append('<div class="menu1"><a>111111</a></div>');
            }
} });}
可用了
然后我要如何把这里的11111换成我php已经生成字符串v

$('.category_menu').append('<div class="menu1"><a><%=v%></a></div>');
这样？

$('.category_menu').append('<div class="menu1"><a><?echo $v?></a></div>');这样写~·试试

貌似也不是这样写
还是没办法在jquery里调用php的返回参数呢

Quote=引用 19 楼 yyszj0911 的回复:]
貌似也不是这样写
还是没办法在jquery里调用php的返回参数呢
[/Quote]function data1(){$.ajax({type:"GET",url:"php.php",beforeSend:null,success:function(html){
  for (var i = 0; i < 10; i++) {
  $('.category_menu').append('<div class="menu1"><a>"'+html+'"</a></div>');
  }
}  });}这样写~·我郁闷，我以为你之前说那个v是php定义的呢你是不是ajax返回的v？

success:function(html){
  for (var i = 0; i < 10; i++) {
  $('.category_menu').append('<div class="menu1"><a>'+html+'</a></div>');
  }
} 这样

HTML code
function data1(){$.ajax({type:"GET",url:"php.php",beforeSend:null,success:function(html){
for (va……
[/Quote]就是php返回的这么来的
while($row = mysql_fetch_array($result)) {
$v=$row['id'].$row['title'];

不算数组不过是输出以后排程了一个字符串吧，不过还是要变成数组的不然所有的数据都在一个div里

php中返回的是什么？
$.ajax({
            url: file,
            dataType: 'text',//
            type: "GET",
            timeout: 1000,
            success: function(v){
               alert(v);
//把这里的 v 遍历一下
//如果是‘link1,link2,link3’
var links=v.split(',')
var len=links.length
for(var i=0 ;i<len;i++){
$('.category_menu').append('<div class="menu1"><a>"'+links[i]+'"</a></div>');
}
links=null;len=null;
            }
        });

返回的数据阿
15menu16menu17menu18menu19menu20menu21menu22menu23menu

哥们，你最后在后台生成这样的代码
'15menu,16menu,17menu,18menu,19menu,20menu,21menu,22menu,23menu'这样前台js就能弄成数组了
<script>
var str = '15menu,16menu,17menu,18menu,19menu,20menu,21menu,22menu,23menu';
var arr = str.split(',');
alert(arr.length)
</script>

调试易

jquery循环输出问题

解决方案 »