지난 아이를 삭제하는 이유는 효과가 없습니까?

Question

div 이전 이미지를 제거하고 마지막 자식 (jQuery)을 사용하여 새 이미지를 추가하려고하지만 이전 이미지 옆에 새 이미지가 추가되지 않습니다. 여기 jQuery 코드입니다

$(function() { 

$('.iconWrapper span').click(function(e){ 
var kleur=$(this).attr('class'); 
     switch(kleur){ 
      case 'color1': 
      $("#div1 img:last-child").remove(); 
      alert($("#div1").html()); 
       $('#div1').append('<img src="color/color1.jpg">'); 
      break; 
      case 'color2': 
      $("#div1 img:last-child").remove(); 
       $('#div1').append('<img src="color/color2.jpg">'); 
      break; 
      case 'color3': 
      $("#div1 img:last-child").remove(); 
       $('#div1').append('<img src="color/color3.jpg">'); 
      break; 
     } 

     $('#hiddenimg').val(kleur); 
    e.preventDefault(); 

}); 

HTML 코드 ::

<?php 
error_reporting('E_ALL'); 
ini_set('display_errors', 1); 
session_start(); 
$img=$_POST['img']; 
$_SESSION['img']=$img; 
?> 
<div class="iconWrapper"> 
    <ul class="color"> 
     <li> 
      <a href="#" title="Selecteer"><span class="color1"></span></a>        
     </li> 
     <li> 
      <a href="#" title="Selecteer "><span class="color2" ></span></a>        
     </li> 
     <li> 
      <a href="#" title="Selecteer"><span class="color3"></span></a>        
     </li> 
     <li> 
      <a href="#" title="Selecteer"><span class="color4"></span></a>        
     </li> 
    </ul> 
</div> 

<form method="post" action="step3.php">  
    <div id="div1" > 
     <?php if(isset($_SESSION['img'])){ 
      echo '<img src="' . $_SESSION['img'] . '" >' ; 
     } ?> 
     <input name="color" type="text" value="" id="hiddenimg" /> 
     <input name="submit" type="submit" value="Submit" /> 
    </div> 
</form> 

Answer 1

당신이 jQuery를 시도 할 수 있습니다 : 마지막 선택 : link

당신이 필요로하는 위해를 예 :

$("#div1 img:last").remove(); 

10

$("#div1 img").filter(":last").remove(); 

내가 지금 테스트 모른다 더 나은 버전, 나는이

당신의 작업 솔루션 : 희망 (죄송합니다 내 영어 : ">)

Answer 2

당신은 :last 필요

하지 :last-child