Wildcards in jQuery-Selektoren

Question

Ich versuche, einen Platzhalter zu verwenden, um die ID aller Elemente zu erhalten, deren ID mit "jander" beginnt. Ich habe versucht $('#jander*') , $('#jander%') aber es funktioniert nicht

Ich weiß, dass ich Klassen der Elemente verwenden kann, um das Problem zu lösen, aber ist es auch möglich, Wildcards zu verwenden?

<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>

Answer 1

Um alle Elemente zu erhalten, die mit "jander" beginnen, sollten Sie verwenden:

$("[id^=jander]")

Um diejenigen zu erhalten, die mit "Jander" enden

$("[id$=jander]")

Siehe auch die JQuery-Dokumentation

Answer 2

Da der Titel auf einen Platzhalter hindeutet, könnten Sie auch diesen verwenden:

$(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>

Dies wählt die angegebene Zeichenkette irgendwo in der id .

Answer 3

Versuchen Sie die jQuery startet-mit

selector, '^=', eg

[id^="jander"]

Ich muss allerdings fragen, warum Sie das nicht mit Klassen machen wollen?

Answer 4

Für Klassen, die Sie verwenden können:

div[class^="jander"]

Answer 5

An den Ausweis erhalten aus dem Wildcard-Spiel:

$('[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>