问题描述
<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script></head><body><?phpfor($i=0;$i<5;$i++){?><p>xxxxxx</p><span id="x"><?=$i?></span> <span id="show"><a href="#">获取id</a></span><?}?><script>$("#show").click(function(){var n=$("#x").html();alert(n); })</script></body></html>问题:只能获取第一条id 后面的都获取不到 求解 问题补充：gsdhaiji_cai 写道
解决方案
我不懂php，我在jsp里面试过了，可以。代码如下<html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script></head><body><% for(int i=0;i<5;i++) {%><p class="x">xxxxxxxxxx</p><%} %><span id="x"></span> <span id="show"><a href="#">获取id</a></span><?}?><script>$("#show").click(function(){$("p[class='x']").each(function(i) {alert(i);});});</script></body></html>
解决方案二：
jquery文档这么说的：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。他返回第一个，你可以使用$.each这个东西，还有，id名不要重复。。你用其他属性。