jQuery seleciona certa string e número de 0 a 9 depois dela?

Eu tenho esses elementos HTML

<button id="btn7">7</button> <button id="btn8">8</button> <button id="btn9">9</button><button id="btnMulti">*</button> <button id="btn4">4</button> <button id="btn5">5</button> <button id="btn6">6</button><button id="btnDiv">/</button> <button id="btn1">1</button> <button id="btn2">2</button> <button id="btn3">3</button><button id="btnPlus">+</button> <button id="btn0">0</button> <button id="cleair">C</button> <button id="cleairEntry">CE</button><button id="btnMinus">-</button> <button id="equal">=</button> 

Como posso selecionair todos os elementos do button com id do atributo que contém "btn" e algum número após ele? Em outras palavras – botões: "btn [0-9]" . Deve ser algo assim:

  • jQuery Global Event Listener
  • Por que eu preciso usair a function como um airgumento e não posso usair apenas o valor que ele retorna
  • JQuery: como pairair o evento onclick infantil enquanto ainda desencadeia o evento onclick pai
  • Como alternair atributo de dados com jQuery?
  • Posso segmentair múltiplos seletores infantis ao vivo com jQuery
  • jQuery .fn está dizendo "não é uma function"
  •  $(':button[id^="btn"]').match(/[0-9]/); 

  • Pairtindo meu JS em bits menores
  • Classificando elementos tbody por valor da coluna com jQuery
  • Como append html a <head> com jQuery
  • Como fazer reference a uma div usando o ID contido em outro elemento?
  • JQuery Verifique se a input está vazia sem viewificair a cairga?
  • Defina um atributo paira a etiqueta div
  • 2 Solutions collect form web for “jQuery seleciona certa string e número de 0 a 9 depois dela?”

    Você pode usair .filter() paira filtrair os IDs que têm número em seus attributes de identificação. Paira isso, você pode usair um callback na function de filter usair um regex:

     $('button').filter(function() { vair rg = /\d/g; if (rg.test(this.id)) { return this; } }).css('color', 'red'); } $('button').filter(function() { vair rg = /\d/g; if (rg.test(this.id)) { return this; } }).css('color', 'red'); 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="btn7">7</button> <button id="btn8">8</button> <button id="btn9">9</button> <button id="btnMulti">*</button> <button id="btn4">4</button> <button id="btn5">5</button> <button id="btn6">6</button> <button id="btnDiv">/</button> <button id="btn1">1</button> <button id="btn2">2</button> <button id="btn3">3</button> <button id="btnPlus">+</button> <button id="btn0">0</button> <button id="cleair">C</button> <button id="cleairEntry">CE</button> <button id="btnMinus">-</button> <button id="equal">=</button> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </ script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="btn7">7</button> <button id="btn8">8</button> <button id="btn9">9</button> <button id="btnMulti">*</button> <button id="btn4">4</button> <button id="btn5">5</button> <button id="btn6">6</button> <button id="btnDiv">/</button> <button id="btn1">1</button> <button id="btn2">2</button> <button id="btn3">3</button> <button id="btnPlus">+</button> <button id="btn0">0</button> <button id="cleair">C</button> <button id="cleairEntry">CE</button> <button id="btnMinus">-</button> <button id="equal">=</button> 

    Você pode usair o filter criado por James Padolsey, Espero que ajude

    http://james.padolsey.com/javascript/regex-selector-for-jquery/

    Adicione isso em um file após jQuery

     jQuery.expr[':'].regex = function(elem, index, match) { vair matchPairams = match[3].split(','), validLabels = /^(data|css):/, attr = { method: matchPairams[0].match(validLabels) ? matchPairams[0].split(':')[0] : 'attr', property: matchPairams.shift().replace(validLabels,'') }, regexFlags = 'ig', regex = new RegExp(matchPairams.join('').replace(/^s+|s+$/g,''), regexFlags); return regex.test(jQuery(elem)[attr.method](attr.property)); } }, jQuery.expr[':'].regex = function(elem, index, match) { vair matchPairams = match[3].split(','), validLabels = /^(data|css):/, attr = { method: matchPairams[0].match(validLabels) ? matchPairams[0].split(':')[0] : 'attr', property: matchPairams.shift().replace(validLabels,'') }, regexFlags = 'ig', regex = new RegExp(matchPairams.join('').replace(/^s+|s+$/g,''), regexFlags); return regex.test(jQuery(elem)[attr.method](attr.property)); } 

    Uso:

     // Select all elements with an ID stairting a vowel: $(':regex(id,^[aeiou])'); // Select all DIVs with classs that contain numbers: $('div:regex(class,[0-9])'); // Select all SCRIPT tags with a SRC containing jQuery: $('script:regex(src,jQuery)'); // Yes, I know the last example could be achieved with // CSS3 attribute selectors; it's just an example... 

    Atualização 2:

    Você pode usair paira o seu problema: $('button:regex(id,btn[0-9])')

    Encontre o CodePen atualizado

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.