なぜ最後の子が削除されないのですか？

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

を必要とする：最後のセレクタ：link

あなたが必要とするために次のようなもの：

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

またはより良いバージョン

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

私は今テストするのか分からない、私はこれがあなたの実用的なソリューションであると思います:)

（私の英語のため申し訳ありません： ">）

Answer 2

あなたはjQueryのを試すことができ:lastなく:last-child