使用jQuery选择数据属性-在Chrome浏览器中有效，而在Firefox中不可用。 另类？

Question

This is a sample element:

<textarea type="text" data-class-changer="question" class="questioninputcss" data-integer-question="877"></textarea>

This jQuery script works in Chrome, but not in firefox:

$("#reset").click(function(){
    $("[data-integer-question").attr("class", "questioninputcss");
});

I also tried it with an asterisk, like this: $("*[data-integer-question") , but that doesn't work either.

Chrome does not produce an error, and it works correctly.

Firefox does not work, and produces this error:

Error: Syntax error, unrecognized expression: [data-integer-question

How can I work around this? Thanks.

Answer 1

You have a simple typo in your code. The code should read:

$("#reset").click(function(){
    $("textarea[data-integer-question]").attr("class", "questioninputcss");
});

You omitted the trailing square bracket ] .

Answer 2

There is a missing ']' as shown :

$("#reset").click(function(){
    $("[data-integer-question]").attr("class", "questioninputcss");
});