Javascript jQuery中的选项过滤器

列表中有与某些项相关联的数据，例如下面的示例显示了使用jQuery添加到一个项的数据，第一个：

$('ul li :first').data('job', 'Developer');
$('ul li :first').data('company', 'Microsoft');
$('ul li :first').data('location', 'UK');

其中

作业、数据、位置都有复选框，用户可以从中选择，例如：

<label>
    Developer<input type="checkbox"/>
</label>
<label>
    Tester<input type="checkbox"/>
</label>
<label>
    Lead Developer<input type="checkbox"/>
</label>
<label>
    Google<input type="checkbox"/>
</label>
<label>
    Microsoft<input type="checkbox"/>
</label>
<label>
    UK<input type="checkbox"/>
</label>
<label>
    US<input type="checkbox"/>
</label>


开发商
测试员
首席开发者
谷歌
微软
英国
美国

最初显示列表中的所有项目。当用户选中复选框时，列表中不具有该属性的所有项目都将隐藏

有谁知道我可以采取什么方法，在工作、公司和地点中有多种选择吗？
如果您查看jQuery文档，您会发现值可以是任何Javascript类型，包括数组或对象

因此，您可以：

$('ul li:first').data('job', ['Developer', 'Cleaner', 'Cook', 'Time waster']);

或

然后可以将推送成员添加到数组中

$('#my_checkbox').check(function(){
    $('ul li:first').data("job").push($(this).value());
});

或者向散列中添加元素，或者对所选的数据结构执行任何操作

$('#my_checkbox').check(function(){
    $('ul li:first').data("job").push($(this).value());
});