jquery - このコードで何が起こっているかを説明してください

Question

以下のコードで何が起こっているのかを理解しようとして本当に立ち往生しています...

function updateColourDropdown(url) {
    $("#selectList").unbind();
    $.post(setUniqueParam(url), $("#fruitForm").serialize(),
            function(data) {
                if (checkException(data)) {
                    $("#fruitDiv").children().each(function() {
                        removeElem(this);
                    }).end().html(data);
                    $("#selectList").change(function() {
                        updateColourDropdown($("#fruitColourView").val());
                    });
                    organiseAllocateTeams();
                }
                data = null;
            }
    );
    return false;
}

基本的に、果物と色の 2 つのドロップダウン リストを含むフォームがあります。ユーザーが最初の選択リストの果物を変更すると、サーバーが呼び出されて、2 番目の選択リストに入力できる色が検出されます。

私のhtmlはJSPを使用して出力されます..

selectList = id果物のリストを含む選択リストの、

fruitForm = id選択リストを含むフォームの

fruitDiv = id私の2つの選択リストをラップするdivの

fruitColourView = idstruts アクション ( xml )へのリンクに使用される隠し入力フィールドの

これは作業コードです。このコードを別のページに複製しようとしていますが、実際に何をしているのか、なぜなのかがわからないため、少し難しいと思います...「データ」変数にはコード全体が含まれていることがわかりますマイページに..

jQuery Web サイトですべての .children .each .end などを調べましたが、論理的にまとめることはできません...

おかげさまで、私が十分に明確になったことを願っています。