删除克隆的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

试试这个： 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;
        });

Answer 2

试试这个

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

JSFIDDLE