Question Caractères génériques dans les sélecteurs jQuery


J'essaie d'utiliser un caractère générique pour obtenir l'identifiant de tous les éléments dont l'identifiant commence par "jander". j'ai essayé $('#jander*'), $('#jander%') mais ça ne marche pas ..

Je sais que je peux utiliser des classes d'éléments pour le résoudre, mais il est également possible d'utiliser des caractères génériques?

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

563
2018-03-21 10:34


origine


Réponses:


Pour obtenir tous les éléments commençant par "Jander", vous devez utiliser:

$("[id^=jander]")

Pour obtenir ceux qui se terminent par "jander"

$("[id$=jander]")

Voir aussi Documentation JQuery


1101
2018-03-21 10:35



Puisque le titre suggère wildcard, vous pouvez également utiliser ceci:

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

Cela sélectionnera la chaîne donnée n'importe où dans le id.


105
2018-01-02 16:08



Essayez le jQuery commence-avec

sélecteur, '^ =', par exemple

[id^="jander"]

Je dois demander si, pourquoi tu ne veux pas le faire en utilisant des classes?


34
2018-03-21 10:38



pour les cours, vous pouvez utiliser:

div[class^="jander"]

33
2018-06-26 17:51



À obtenir l'identifiant de la correspondance générique:

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


12
2018-06-17 23:02



Lorsque vous avez une chaîne d'identifiant plus complexe, les guillemets doubles sont obligatoires.

Par exemple si vous avez un identifiant comme ceci: id="2.2", la façon correcte d'y accéder est: $('input[id="2.2"]')

Utilisez autant que possible les guillemets doubles, pour des raisons de sécurité.


9
2017-08-29 08:51