javascript - JQuery 从一个值中设置数据名称

Question

我有一个小网上商店和一个相应的滑块。我的目标是检查，选择了哪个变体，然后将所有图像设置为 display:none，并且只显示具有所选数据（与选择元素相同）的图像。这是我的代码：

          <script type="text/javascript">
$('select').change(function() {
    var selval = $('select').find(':selected').data('name');
 $('.slide-2').hide();
  $('.slide-2[data-name="selval"]').addClass('slideract');
  //alert(selval);
});
      
      </script>

如果我使用 $('.slide-2[data-name="1"]').addClass('slideract');它可以完美地工作，但我需要来自 selval 的值，它无法以某种方式工作。

标签： javascriptjquerycssshopify