675 votes

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é d' $('#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>

1292voto

nico Points 21115

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

$("[id^=jander]")

Demandez à ceux qui se terminent par "jander"

$("[id$=jander]")

Voir également la documentation de JQuery

117voto

Martijn Smidt Points 401

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

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

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

Cela permet de sélectionner la chaîne n'importe où dans l'id

39voto

GoatInTheMachine Points 708

Essayez le jQuery, commence-avec sélecteur, '^=', par exemple

[id^="jander"]

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

35voto

l3thal Points 235

pour les classes que vous pouvez utiliser:

div[class^="jander"]

14voto

PJ Brunet Points 640

Pour "obtenir l'id" dans le générique de match:

<div id="pick_1">moo1</div>
<div id="pick_2">moo2</div>
<div id="pick_3">moo3</div>

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

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

    }
);
</script>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X