Pregunta Comodines en selectores jQuery


Intento usar un comodín para obtener la identificación de todos los elementos cuya identificación comienza con "jander". Lo intenté $('#jander*'), $('#jander%') pero no funciona ..

Sé que puedo usar clases de elementos para resolverlo, pero también es posible usar comodines.

<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


origen


Respuestas:


Para obtener todos los elementos que comienzan con "jander" debes usar:

$("[id^=jander]")

Para obtener los que terminan con "jander"

$("[id$=jander]")

Ver también el Documentación de JQuery


1101
2018-03-21 10:35



Como el título sugiere comodín, también puedes usar esto:

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

Esto seleccionará la cadena dada en cualquier parte del id.


105
2018-01-02 16:08



Pruebe el inicio jQuery, con

selector, '^ =', por ejemplo

[id^="jander"]

Sin embargo, tengo que preguntar, ¿por qué no quieres hacer esto usando clases?


34
2018-03-21 10:38



para clases que puedes usar:

div[class^="jander"]

33
2018-06-26 17:51



A obtener la identificación del partido comodín:

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



Cuando tienes una cadena de identificación más compleja, las comillas dobles son obligatorias.

Por ejemplo, si tienes una identificación como esta: id="2.2", la forma correcta de acceder es: $('input[id="2.2"]')

En la medida de lo posible, use las comillas dobles, por razones de seguridad.


9
2017-08-29 08:51