javascript - 如何使用 jQuery 创建选项数组？

Question

我使用了 a jQuery solution 中的下一个代码块仅当选择某些菜单选项时才显示特定的 div block 。我不是 jQuery 专家，但我认为 $.viewMap block 可以优化，因此不需要每次都重复 $([]) 或当我想在该菜单中添加更多选项时， $("#price").parent('div') 部分。有什么建议吗？

$.viewMap = {
   '' : $([]),
   '2' : $([]),
   '4' : $("#price").parent('div'),
   '7' : $("#price").parent('div')
};

更新

我按照@epascarello的建议更新了我的代码:

var x = $([]);
var y = $("#price").parent('div');

$.viewMap = { '' : x, '2' : x, '4' : y, '7' : y };

但我想要这样的东西:

var x = $([]);
var y = $("#price").parent('div');

$.viewMap = {'null, 2' : x, '4, 7' : y};

Answer 1

最后我更改了所有 jQuery 代码(感谢 @Yasitha ):

jQuery(document).ready(function($) {
    var cat = ["4", "7"]; // option values for which a specific div block is displayed
    $("#price").parent('div').hide();

    $('#category').change(function(){
        if($.inArray($('#category').val(), cat) > -1) {
            $("#price").parent('div').show(); 
        } else {
            $("#price").parent('div').hide(); 
        } 
    });
});