PHP/jQuery-jQuery插件&x2B；PHP Foreach只返回一个工作结果？|推特引导的X-Editable

有一个名为X-Editable的插件，我将它集成到Bootstrap中，以便单击以更改Ajax请求。我已经把它全部设置好了，并且设置好了，但是我的问题是我在foreach循环中设置了它，以便从我的数据库中回显我的用户，但是它只是使第一行可以编辑

这是我的PHP Foreach

<?php foreach($rows as $row):  $userid = $row['id'];  ?> 
<tr> 
<td><?php echo $row['id']; ?></td> 
<td><?php echo htmlentities($row['username']); ?></td> 
<td><a href="#" id="username" data-type="text" data-pk="1" data-url="/post"><?php echo   htmlentities($row['email']); ?>     </a></td>
<td><?php echo preg_replace('/([0-9]+\.[0-9]+\.[0-9]+)\.[0-9]+/', '\\1.**',$row['ip']); ?></td> 
<td><?php echo htmlentities($row['timestamp'); ?></td>

<?php endforeach; ?> 

下面是我如何使id“Username”可编辑的

<script type="text/javascript">
$('#username').editable();
</script>

$（'#用户名'）。可编辑（）；

可以找到插件的文档

---

抱歉，如果我显示缺少信息，但我认为这是一个相当普遍的问题，为什么插件只使第一个结果可编辑？

ID必须是唯一的，将ID=“username”更改为class=“username”，然后执行此操作

或者

<?php echo "username-".$userid; ?>

---

ID必须是唯一的，将

ID=“username”

更改为

class=“username”

，然后执行

$（'.username'）.editable（）或执行
，然后执行
$（'[id^=username]'）。可编辑（）完美！请把它写在答案中，这样我就可以选择正确的答案了=]
<?php echo "username-".$userid; ?>

$('[id^=username]').editable();