나는 버스 좌석 선택 프로젝트를하고있다. 나는 프로젝트 중간에있다. 이제 고객에게 버스 좌석 배치를 보여줍니다. 사용자가 선택되지 않은 좌석을 클릭하면 좌석이 컬러로 표시되고 (예 :.) 선택한 좌석 값이 사용자에게 표시됩니다. 사용자가 선택한 좌석을 선택 취소하면 좌석의 선택이 취소되고 이전 단계로 돌아가지만 선택한 좌석의 값은 제거되지 않습니다. 코드를 살펴보십시오.jquery 숨기기 반복 이미지 값 클릭
<?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>
해결책을 찾아주세요 이 코드는
내가 선택 취소 된 값을 찾아서 제거해야합니다. 예 :