在php数据网格上为特定记录id加载JQuery/Ajax页面

我正在使用php和ajax页面加载在php中创建一个数据列表，就像redbus.in一样，我对php、jquery和ajax都是新手

我想当我点击“查看座位”按钮时，ajax页面加载将与动态数据一起发生

我正在使用Jquery通过下面的代码实现这一点

<script type="text/javascript">
$("#viewseatContainer").hide();
$(document).ready(function() {

     $("#viewseat").click(function(){
     $("#viewseatContainer").toggle();
     });
 }); 

$（“#viewseatContainer”）.hide（）；
$（文档）.ready（函数（）{
$（“#视图座椅”）。单击（函数（）{
$（“#viewseatContainer”）.toggle（）；
});
}); 

但在我的数据列表中，只有第一项显示查看座位信息

在我的PHP中

echo ...

'<td id="abc"><a href="#" onclick="javascript:ajaxpage(\'view.php?id='.$_SESSION['$bus_id'].'
,&from='.$_SESSION['$bus_startstation'].',&to='.$_SESSION['$bus_endstation'].' 
,&date='.$_SESSION['date'].' \' , \'viewseatContainer\')">
<img src="themes/frontend/images/redbtn.png" width="100" height="32" id="viewseat" /></a></td>'.
'<td>ID:'.$_SESSION['$bus_id'].'</td>'.

回声。。。 ''. 'ID:'.$'会话['$bus\u ID'].'。 对于Ajax页面加载，我使用了一个简单的插件

我的问题是，我使用Jquery拥有viewseatContainer和id=viewseat，如何使用ajax页面加载切换每个或任何记录以加载view.php

为了更清楚，我在粘贴箱中给出了我的完整代码

（jquery）

---

（datagrid）

Kureshu首先做一件事

使用这个Jquery

 <script type="text/javascript">
 $("#viewseatContainer").hide();
var x = <?php echo $_SESSION['$bus_id']?>;
$.each(x, function (i, elem) {
    $("#" +'viewseatContainer' + x).toggle();
});
 });
 </script>

---

现在您可以开始了…

首先，ID是唯一的，应该只使用一次，因此jQuery将只对找到的第一个执行操作，以切换多个元素，而使用一个类。它有多个ID，例如viewseat和viewseat2，那么如何使用jQuery为抽象viewseat ID添加一个类？可以通过将php数组传递给jquery数组来完成吗？我尝试了.bind函数，但它只适用于不低于$（“#viewseatContainer”）.hide（）的第一条记录；$（“#viewseat”）.bind（“单击”，函数（）{$（“#viewseatContainer”）.toggle（）；}）；是的，现在我可以将多个viewseat添加到我的容器中，但是切换不起作用，顺便说一句，这很有帮助；好的，我已经这样做了，我希望它能为你工作。只需从第一个pastebin文件中删除Jquery，并直接使用此Jquery即可。

'<tr>'.
'<td>'.$_SESSION['$travel_name'].'</td>'.
'<td><a href="#">Photogallary</a></td>'.
'<td><a href="#">Via</a></td>'.
'<td id="abc"><a href="#" onclick="javascript:ajaxpage(\'view.php?id='.$_SESSION['$bus_id'].'&from='.$_SESSION['$bus_startstation'].'&to='.$_SESSION['$bus_endstation'].'&date='.$_SESSION['date'].'\',\'viewseatContainer'.$_SESSION['$bus_id'].'\')"><img src="themes/frontend/images/redbtn.png" width="100" height="32" id="'.$_SESSION['$bus_id'].'" /></a></td>'.
'<td>ID:'.$_SESSION['$bus_id'].'</td>'.
'</tr>'.
'<tr>'.
'<td colspan="6" id="vsc">'.
'<div id="viewseatContainer'.$_SESSION['$bus_id'].'"></div>'.
'</td>'.
'</tr>'

 $("#viewseatContainer").hide();// use a class to hide