jQuery 包含一个 Guid 列表

Question

我在选项标签上有自定义数据属性，其中包含Guids 的列表，例如

<option data-show-for="64be38c4-1fcc-4f09-80ff-6d8075a2fcb1,b2457a92-e743-41f7-a448-a171bcfe92e1,2f02a194-4fff-417e-b776-f686f307c919">

如果更改另一个值，我只想显示那些在数据属性列表中包含所选Guid 的元素。或者，也可以隐藏列表中没有选定Guid 的那些元素。

如何使用jQuery 实现这一点？

更新 #1

目前的答案不能解决我的问题（或者我遗漏了一些重要的观点），我想澄清我的问题。

我有一个<select id="hidemyoptions"> 和几个<option>s。每个<option> 都有一个数据属性，其中包含Guids 列表，以逗号分隔。

另一个<select id="settheid"> 设置一个Guid 值。在hidemyoptions-<select>我知道想：

1. 仅显示那些数据属性包含Guid 由settheid 设置的<option> 或
2. 隐藏那些数据属性中不包含settheid设置的Guid的<option>s

更新 #2

对我有用的解决方案：

$("#hidemyoptions option").not("[data-show-for*='" + selectedPlaceId + "']").hide();

Answer 1

您可以为此使用属性选择器。

var guid="64be38c4-1fcc-4f09-80ff-6d8075a2fcb1,b2457a92-e743-41f7-a448-a171bcfe92e1,2f02a194-4fff-417e-b776-f686f307c919"
$("option[data-show-for='"+guid +"']").prop("selected",true);

Fiddle

按要求编辑

var guid = "2f02a194-4fff-417e-b776-f686f307c919";
$("option").hide();
$("option").filter(function() {
    return $(this).data("show-for").indexOf(guid) > -1;
}).show();

Updated fiddle

Answer 2

隐藏没有指定 guid 的选项

$guid = '64be38c4-1fcc-4f09-80ff-6d8075a2fcb1';

$('option').not('option[data-show-for*="'+$guid+'"]').hide();