javascript - jQuery数据属性选择器问题

Question

我试图根据可用的选择选项来显示一些具有数据属性的跨度。

我正在使用下面的代码

  $("#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();
});

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