jQuery数据属性选择器问题

Question

我正在尝试使用基于可用选项的数据属性显示一些span`s。

我正在使用以下代码

  $("#pa_varsta option").each(function(i){
        var marime =  $(this).val();
        $('.tawcvs-swatches [data-value=' + marime + ']').show();
    });

但我得到了错误

jquery.js?ver=1.12.4:2 Uncaught Error: Syntax error, unrecognized expression: .tawcvs-swatches [data-value=]

我正在使用Wordpress。

任何想法，也许关于jquery版本？

Answer 1

.val()仅适用于不属于<option>元素的输入元素。请改用.text()。

$("#pa_varsta option").each(function(i){
  var marime =  $(this).val();
  $('.tawcvs-swatches [data-value="' + marime + '"]').show();
});

用引号括起属性的值更安全。因为有时它会破坏选择器。