javascript - 干 - 嵌套 if 语句

Question

我是编码新手，但一直在阅读有关 DRY - 不要重复自己的内容。

我有一个不适合 DRY 方法的 JavaScript if/else 语句，但我无法练习如何编写 JavaScript if/else 语句以使内容不重复。

我希望有比我聪明的人可以向我展示。

这是我的代码:

    {% if user.get_profile.subscription_category == '00' %}

        $('#id_name_details_prefix_title').addClass('kmw-disabled');

        $('#id_name_details_first_name').addClass('kmw-disabled');

        $('#id_name_details_middle_name').addClass('kmw-disabled');

        $('#id_name_details_last_name').addClass('kmw-disabled');

        $('#id_name_details_suffix_title').addClass('kmw-disabled');

    {% else %}

        {% if user.get_profile.display_virtual_keyboard %}

            $('#id_name_details_prefix_title').removeClass('kmw-disabled');

            $('#id_name_details_first_name').removeClass('kmw-disabled');

            $('#id_name_details_middle_name').removeClass('kmw-disabled');

            $('#id_name_details_last_name').removeClass('kmw-disabled');

            $('#id_name_details_suffix_title').removeClass('kmw-disabled');

        {% else %}

            $('#id_name_details_prefix_title').addClass('kmw-disabled');

            $('#id_name_details_first_name').addClass('kmw-disabled');

            $('#id_name_details_middle_name').addClass('kmw-disabled');

            $('#id_name_details_last_name').addClass('kmw-disabled');

            $('#id_name_details_suffix_title').addClass('kmw-disabled');

        {% endif %}

    {% endif %}

第一个 if 的内容在第二个 if 语句的 else 中重复 - 我希望我只需要写一次重复的内容。

Answer 1

您可以将选择器放入数组中

var selectors = [#id_name_details_prefix_title', '#id_name_details_first_name' ...];

然后添加/删除类

$(selectors.join(',')).addClass('kmw-disabled')