Les caractères génériques dans les sélecteurs jQuery

Je suis en train d'utiliser un joker pour obtenir l'id de tous les éléments dont l'id commence par "jander". J'ai essayé $('#jander*'), $('#jander%') mais ça ne fonctionne pas..

Je sais que je peux utiliser les classes des éléments pour le résoudre, mais il est également possible à l'aide de 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>
  • C'est une question à propos de jQuery (ou plus exactement le Grésillement du moteur).
  • Juste une remarque: Il serait beaucoup plus rapide de le faire avec des classes comme jQuery ou Grésillement pouvez utiliser les fonctions de votre navigateur (ne devrait pas faire beaucoup de différence pour les navigateurs modernes, quoique).
  • double possible de sélecteur JQuery expressions régulières
  • Aussi, une chose importante à noter est que $("[id*=jander]") sélectionnez tous les éléments avec un ID contenant la chaîne de jander.
InformationsquelleAutor ziiweb | 2011-03-21
  1. 1188

    Pour obtenir tous les éléments en commençant avec "jander" vous devez utiliser:

    $("[id^=jander]")

    Pour obtenir ceux qui se terminent par "jander"

    $("[id$=jander]")

    Voir aussi la JQuery documentation

    • La documentation donne cet exemple: $('input[name^="news"]').val('news here!')
    • Le code fonctionne comme prévu. Il n'y a pas besoin de guillemets, c'est juste ce qui augmente les chances de rater un cours de clôture et le rend moins lisible.
    • Fait intéressant, les docs disent qu'il fonctionne avec attributs et id est techniquement un propriétés, mais je suppose qu'avec les plus récentes versions de jquery (c'est à dire 1.9) et la façon dont les modifications apportées aux attributs et propriétés sont hanlded, la ligne est légèrement floue à l'égard des deux, et donc votre pouvoir utiliser le sélecteur d'attribut pour (au moins) des propriétés.
    • bon point, je n'ai pas remarqué que!
    • Que faire si je veux choisir le Même de ceux qui sont sélectionnés. par exemple: j'ai actuellement .col-lg-4:even div:nth-child(1) si je voulais faire la même chose.... qu'allais-je écrire? "[class^=.col-lg-]:even"? (Je ne semble pas pour le faire fonctionner)
    • Un peu de comportement qui m'a surpris----si je l'utiliser avec "classe$=..." il recherche un élément de la liste de classe, et non les noms de classe. De sorte qu'il ne touche que si la classe recherchée est le dernier de la classe sur ce point. N'ai pas testé d'autres que le Chrome. Et vous ne savez pas si la faille est en jQuery ou dans mes attentes de jQuery.
    • Super! Mais, que penser de quelque chose comme * jander *?
    • $("[id*=jander]")

    InformationsquelleAutor nico
  2. 112

    Depuis le suggère le titre générique vous pouvez également utiliser ce:

    JS:

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

    HTML:

    <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 permet de sélectionner la chaîne n'importe où dans le id.

    InformationsquelleAutor Martijn Smidt
  3. 36

    Essayer le jQuery, commence-avec

    sélecteur, '^=', par exemple

    [id^="jander"]

    J'ai à poser, pourquoi ne voulez-vous pas faire cela à l'aide de classes?

    • Pour préciser le contexte, je suis à la recherche pour la même solution, parce que je suis en utilisant Django, dont ModelForm classe dicte Id basée sur les modèles, et ne semble pas permettre de regroupement comme cela; c'est à dire le code HTML est hors de mon contrôle.
    • Ceci est utile lorsque vous travaillez avec des ASP.Net WebForms, en particulier la Radio et la Case à cocher Listes.
    InformationsquelleAutor GoatInTheMachine
  4. 34

    pour les classes que vous pouvez utiliser: 

    div[class^="jander"]
    • Je ne pouvais pas obtenir que cela fonctionne, obtenez un message à propos de la syntaxe non valide.
    • édité réponse à inclure la syntaxe valide
    • pour sélecteur Jquery, il fonctionne mieux avec des Identifiants.
    InformationsquelleAutor l3thal
  5. 13

    À obtenir l'id de la wildcard match:

    JS:

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

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

  }
);

    HTML:

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

    • Au lieu de "de l'événement.cible.id" cela pourrait fonctionner aussi: $(this).attr("id")
    • mettre en place un violon pour ce jsfiddle.net/9mTjF
    InformationsquelleAutor PJ Brunet
  6. 10

    Lorsque vous avez de plus en plus complexes chaîne d'id de l'guillemets sont obligatoires.

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

    Autant que possible, utiliser les guillemets doubles, pour des raisons de sécurité.

    InformationsquelleAutor eduard