jQuery data attribute selector issue

Question

I am trying to show some span`s with data attribute base on select options available.

I am using the below code

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

But i get the error

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

I am using Wordpress.

Any ideea, maybe regarding the jquery version?

Use $('.tawcvs-swatches [data-value="'+marime+'"]').show(); — Airerr
– Airerr, Commented Dec 10, 2017 at 18:48

Rajaprabhu Aravindasamy · Accepted Answer · 2017-12-10 18:46:04Z

1

~~.val() is only for input elements not for an <option> element. Use .text() instead.~~

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

It is safer to surround the attribute's value with a quote. Because sometimes, it will break the selector.

answered Dec 10, 2017 at 18:46

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery data attribute selector issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related