php - 用于隐藏重复单击图像值的 jquery

Question

我正在做一个公共汽车座位选择项目。我在项目中间。现在我向客户显示巴士座位安排。当用户单击未选择的座位时，它会以彩色显示座位（即已选择），并向用户显示选定的座位值。这很好用。当用户取消选择所选座位时，该座位取消选择并返回上一阶段，但该所选座位的值不会删除。请看一下代码。

<?php
echo "<table>";
for($i=0;$i<5;$i++)
 {
echo "<tr>";
for($j=0;$j<12;$j++)
{
    echo "<td>";
    $k=$i.$j;
?>
    <img src="Seat.jpg" id="<?php echo $k; ?>" class="off">
   <?php
    echo "</td>";
}
echo "</tr>";
}
echo "</table>";

?>
 <div class="seatno"></div>
 <script type="text/javascript">
 $(document).ready(function(){             
  $("img").click(function(){
 var imageid = $(this).attr("id");
   if(imageid)
 {
     if ($(this).hasClass('off')) 
     {
   $(this).attr("src","Seat-availed.jpg").addClass('on').removeClass('off');
   $(".seatno").append(imageid+",");
}
else
{
     $(this).attr("src","Seat.jpg").removeClass('on').addClass('off');
  // $(".seatno").css("color","red");
  var editid;
  var rmv = $(".seatno").html();
  var editid =  $(this).attr("id");
  var finder = rmv.find(editid);

   alert(finder);   
   }
}
   });
   });
  </script>

请找到解决方案这段代码就像redbus.in

Answer 1

你有<div class="seatno">12,34,23,45,</div>吗？你想删除 23 号吗？

var rmv = $(".seatno").html();
var id2rmv = 23;

rmv = rmv.split(id2rmv + ',').join('');

alert(rmv);

Answer 2

代替

var rmv = $(".seatno").html();

和

var rmv = $(".seatno").html("");

而$(cssSelector).html()只是获取值，$(cssSelector).html(value)设置它，即使它是空字符串 - “”。