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

用引號將屬性的值引起來是更安全的。 因為有時會破壞選擇器。