jquery - 動的フォーム要素の最後のインスタンスが削除されないようにするにはどうすればよいですか？

Question

実際のコードを見ることができれば、おそらくもっと簡単です。

http://jsfiddle.net/qe2zt/

基本的に、私がやりたいのは、最後のドロップダウンのセットが削除されないようにすることです。ボーナスとして、削除をフェードアウトする方法も理解します。何らかの理由でそれを機能させることができませんでした。

助けてくれてありがとう、それは大いに感謝しています。

よろしく、

マーティン

Answer 1

私はそれを変更しました：

http://jsfiddle.net/scheffield/esEmh/

基本的に関数を追加しましたremove

function remove(element) {
    var amountEntries = $('.dropdown').size() + $('.dropdownclone').size();
    if (amountEntries  <= 1) {
        return;
    }
    if (amountEntries === 2) {
        $('.deleteButton').hide();
    }
    element.parentNode.parentNode.removeChild(element.parentNode);
}

完全ではありませんが、機能します...

Answer 2

削除したドロップダウンをフェードアウトするコードを追加しました。

http://jsfiddle.net/6xPye/1/

また、次のコード：

    if ($(this).is(".dropdown")) {
        $(".dropdownclone:first").toggleClass("dropdown dropdownclone");
    }
    $(this).remove();

ユーザーが一番上の行を削除した場合でも、複製する関数の.dropdownが残っていることを確認しaddNew()ます。