2012-04-24 3 views
1

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

해결책을 찾아주세요 이 코드는

답변

1

<div class="seatno">12,34,23,45,</div>? 23 번을 없애고 싶니?

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

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

alert(rmv); 
0

그냥 값, $(cssSelector).html(value) 세트를 얻을 수

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

$(cssSelector).html() 동안 함께

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

를 교체 단지 redbus.in처럼 빈 문자열 인 경우에도 - "".

+0

내가 선택 취소 된 값을 찾아서 제거해야합니다. 예 :

12,34,23,45,
값 23을 제거해야합니다. – azarmfa