jQuery选择器，带有HTML5自定义数据属性的通配符选择

我试图使用选择器获取一个元素，然后在子元素中查找在自定义数据属性中包含值的任何元素。然后，我将对这些具有值的子元素执行一个操作，在本例中，它将把它们的背景色变为黄色

例如，以下面的HTML和JS为例

<div id="RoleUserMaster">
  <div id="RoleUser1">
    <label for="Role1">Role:</label>
    <select name="Role1" class="RoleSelect">
        <option value="1">Role1</option>
        <option value="2">Role2</option>
        <option value="3">Role3</option>
    </select>
    <label for="User1">User:</label>
    <select name="User1" id="selectMe">
        <option value="11" data-roleids="1">Smith</option>
        <option value="12" data-roleids="2 4">John</option>
        <option value="13" data-roleids="1 3">Richard</option>
    </select>
  </div>    
</div>

$('#selectMe').children('[data-roleids=*"1"]').css('background-color','yellow');

角色：
角色1
角色2
角色3
用户：
史密斯
约翰
理查德
$（'#selectMe'）.children（'[dataroleids=*“1”]'）.css（'background-color'，'yellow'）；

我认为这个jQuery将首先选择元素，然后查看它的子元素，并尝试查找自定义属性数据roleids包含字符“1”的任何子元素。你也可以看看它的实际效果

它适用于以下情况：

$(function () {
    $('#selectMe').children('[data-roleids~="1"]').css('background-color','yellow');
});

看