除去最後一個除去克隆的div

Question

除了第一個（默認）div以外，如何除去最後一個克隆的div？ http://jsfiddle.net/fj3bpyj2/

$('#addContact').click(function() { 
     $("#contactInputs").clone().appendTo("#contactWrapper"); 
     return false; 
    }); 

    $('#removeContact').click(function() { 
     $("#contactWrapper").find("#contactInputs").last().remove(); 
     return false; 
    }); 

Answer 1

嘗試這樣

$('#removeContact').click(function() { 
    var div = $("#contactWrapper > #contactInputs"); 
    if (div.length > 1) 
     div.last().remove(); 
    return false; 
}); 

JSFIDDLE

Answer 2

試試這個： JSfiddle

<button id="removeContact" class="btn btn-box-tool">-</button> 
    <button id="addContact" class="btn btn-box-tool">+</button> 
    <div id="contactWrapper"> 
     <div id="contactInputs" class="contactInputs"> 
      111 
     </div> 
    </div> 

$('#addContact').click(function() { 
      $(".contactInputs").clone().appendTo("#contactWrapper"); 
      return false; 
     }); 

     $('#removeContact').click(function() { 
      if($(".contactInputs").length>1){ 
       $("#contactWrapper").find(".contactInputs").last().remove(); 
      } 
      return false; 
     });