如何使用<tr>& lt; / tr>在& lt; br>为图像

How do i use <tr> </tr> over <br> for images

本文关键字：tr lt br 图像 何使用      更新时间：2023-09-26

我是javascript新手，尝试新事物。是否有可能将这些重复的图像存储在tr中并有5个单独的行?我目前有一个中断标签，每次座位达到20(19)，但我更喜欢把它放在一个行标签。我想要它在一个表中的原因是，我可以在每个图像下显示一个数字/文本，这样用户就知道分配给每个图像的数字/文本是什么。我很想听听别人的意见。

我的代码如下

<script type="text/javascript">
var x= new Array(100);
var myseat="";
var test="";
var noseats=0;
var seatcounter=0;  
function seatgen()
{
   for(i=0;i<100;i++)
   {
      myseat+="<img src='seat_avail.png' onclick='mycheck(this,"+i+")'  width='45' height='70'>";          /*alt='seat"+i+"' id='mys"+i+"' onclick='mycheck("+i+")'*/
      if( (i+1) % 20 == 0 ){ myseat+="<br>" }
      x[i] = "available";
   }
   document.getElementById("seathere").innerHTML=myseat;
   noseats=prompt("How many seats would you like to book","10" );
}

function mycheck(k, p)
{
   if( x[p] != "available" ){
      alert("Not available");
   } else if( seatcounter == noseats ) {
      alert("Reacher max seats");
   } else {
      k.src='seat_select.png';
      x[p]="unavailable";
      seatcounter+=1;
   }
}
</script>

改成:

function seatgen()
{
 myseat = "<table><tr>"; // open table and first row
 for(i=0;i<100;i++)
 {
   myseat+="<td><img src='seat_avail.png' onclick='mycheck(this,"+i+")'  width='45' height='70'></td>";         
   if((i+1)%20==0){myseat+="</tr><tr>"} // close row, start new one
   x[i]="available";
 }
 myseat += "</tr></table>"; // close last row and table

这将生成每行20个图像，每个在一个表格单元格中。

编辑:小提琴这里

每行需要在一个块内。

myseat+="<table>";
for(i=0;i<100;i++)
{
    myseat+="<img src='seat_avail.png' onclick='mycheck(this,"+i+")'  width='45' height='70'>";         
   if((i+1)%20==0){myseat="<tr><td>"+myseat+"</tr></td>"}
   x[i]="available";
}
myseat+="</table>";
相关文章：