jquery attribute select on click not working

Question

I have a problem with the following:

$(document).on("click", ".adm_vid_stcs_refresh_btn['data-ctg-id']", function(){
   Categories.ctgId = $(this).attr("data-ctg-id");  
   Categories.ctgType = $(this).attr("data-ctg-type");
   Categories.Ajax();
});

When a click the button with class .adm_vid_stcs_refresh_btn I get the the following error:

Uncaught Error: Syntax error, unrecognised expression: ['data-ctg-id']

How can I select a class with attribute I jquery?

Arun P Johny · Accepted Answer · 2015-04-23 04:23:08Z

2

When you are using an attribute selector like the has attribute selector you have used, the attribute name should not not be enclosed like a string literal in '' or ""

 ".adm_vid_stcs_refresh_btn[data-ctg-id]"

So

$(document).on("click", ".adm_vid_stcs_refresh_btn[data-ctg-id]", function () {
    Categories.ctgId = $(this).attr("data-ctg-id");
    Categories.ctgType = $(this).attr("data-ctg-type");
    Categories.Ajax();
});

edited Apr 23, 2015 at 4:23

answered Apr 23, 2015 at 4:17

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

jquery attribute select on click not working

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