Javascript 如何根据多个选定选项的值将颜色更改为列表项？

我有一个带有多个选项的多选标记。每个选项都有一个数据id属性，该属性包含该选项的颜色。我还有一个列表，其中包含我希望使用data-id值更改颜色的项目

$('#select-tags').on('select2:select', function (e) {
                 $('#select2-select-tags-container > li').each(function(){
                    var current = $(this);
                    $('#select-tags > option').each(function() {
                          if($('#select2-select-tags-container > li').attr('title') === $(this).attr('value')){
                            var color = $(this).attr('data-id');
                            console.log(color);
                            $(current).css('background-color', color);
                          }
                      });
                    });
                  });

在这里，我迭代所有列表项，并将当前项保存在

current

中，然后我还迭代select标记中的所有选项以查找列表项。一旦找到它，我就会在

color

中获得数据id的值。这似乎不起作用。此外，必须有更有效的方法来做到这一点，但我想不出来