Curingas nos seletores jQuery

Estou tentando usar um curinga para obter a identificação de todos os elementos cuja identificação começa com "jander". Eu tentei $('#jander*'), $('#jander%')mas não funciona ..

Eu sei que posso usar classes dos elementos para resolvê-lo, mas também é possível usar caracteres curinga?

<script type="text/javascript">

  var prueba = [];

  $('#jander').each(function () {
    prueba.push($(this).attr('id'));
  });

  alert(prueba);


});

</script>

<div id="jander1"></div>
<div id="jander2"></div>

Para obter todos os elementos começando com "jander", você deve usar:

$("[id^=jander]")

Para conseguir aqueles que terminam com "jander"

$("[id$=jander]")

Consulte também a documentação do JQuery

Como o título sugere curinga, você também pode usar isso:

$(document).ready(function(){
  console.log($('[id*=ander]'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="jander1"></div>
<div id="jander2"></div>

Isso selecionará a string especificada em qualquer lugar do id.

Experimente o jQuery começa com

seletor, '^ =', por exemplo

[id^="jander"]

Eu tenho que perguntar, por que você não quer fazer isso usando aulas?

para aulas você pode usar:

div[class^="jander"]

Para obter o ID da correspondência curinga:

$('[id^=pick_]').click(
  function(event) {

    // Do something with the id # here: 
    alert('Picked: '+ event.target.id.slice(5));

  }
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pick_1">moo1</div>
<div id="pick_2">moo2</div>
<div id="pick_3">moo3</div>

Quando você tem uma cadeia de caracteres de identificação mais complexa, as aspas duplas são obrigatórias.

Por exemplo, se você tem um ID como este id="2.2":, a maneira correta de acessá-lo é:$('input[id="2.2"]')

Na medida do possível, use aspas duplas, por razões de segurança.