javascript中的价格滑动条以提供适当的结果

我的桌子：

     <?php
    $s=mysql_query("SELECT * FROM  bus_detail where source_point='$_SESSION[source_point]' && destination_point='$_SESSION[destination]'");
while($row=mysql_fetch_array($s))
{
?>
<ul id="products"> <li data-price="<?php echo $row['price'];?>">
<table>
<tr>
<td>Bus Operator</td>
<td>Bus No.</td> 
<td>Price</td>
     </tr>

 <tr>  
<td><?php echo $row['bus_name'];?></td>  
<td><?php echo $row['bus_no'];?></td> 
<td><?php echo $row['price'];?></td>
</tr>
 <?php }?>
</table>
</li></ul>

---

将while代码放入表中。它当前处于循环状态，正在创建多个表元素

也可以使用div代替table。样式/位置等更容易更改

   id='products'

到

并在jquery中更改它。此外，while循环每次迭代生成一个ul和一个表。如果您确实希望这样做，请将ul和表格放在while循环之外。
请问您将其放在哪里？
   id='products'

   class = 'products'