jquery - 以下のjqueryコードの最適化に助けが必要

Question

以下のコード行を最適化する方法はありますか?

        $('#state').children('option:not(:first)').remove();
        $('#city').children('option:not(:first)').remove();
        $('#branch').children('option:not(:first)').remove();
        $('#branchAddress').children('option:not(:first)').remove();

すべてのフィールドをコンマ区切りで追加しようとしましたが、うまくいきません。

上記のコードの最適化にご協力ください。

Answer 1

私は次のようなものを試してみます:

$('#state, #city, #branch, #branchAddress')
    .each(function(i,item){$('option:not(:first)',$(item)).remove();});

またはこのように：

$('#state, #city, #branch, #branchAddress').find('option:not(:first)').remove();

ついに（しかし、私はそれを最適化とは呼びません;-)

$('#state option:not(:first), #city option:not(:first), #branch option:not(:first), #branchAddress option:not(:first)').remove();

Answer 2

試す

$('#branchAddress #state #city #branchAddress').children('option:not(:first)').remove();

セレクターに複数の要素を含めることができます。

Answer 3

上記のすべてに同じクラスを追加し、ID を複数回参照する代わりに一度参照する

Answer 4

次のようにする必要があります（jQuery multiple-selector apiも参照）

$('#state, #city, #branch, #branchAddress').children('option:not(:first)').remove();