Wildcards in jQuery selectors

jquery jquery-selectors sizzle

I'm trying to use a wildcard to get the id of all the elements whose id begin with "jander". I tried $('#jander*'), $('#jander%') but it doesn't work..

I know I can use classes of the elements to solve it, but it is also possible using wildcards??

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

This is a question about jQuery (or more exactly the Sizzle engine).

Just a note: It would be much faster to do it with classes as jQuery or Sizzle can make use of browser functions (should not make much of a difference for modern browsers though).

possible duplicate of JQuery selector regular expressions

Also, an important thing to note is that $("[id*=jander]") would select all elements with an ID containing the string jander.

nico

To get all the elements starting with "jander" you should use:

$("[id^=jander]")

To get those that end with "jander"

$("[id$=jander]")

See also the JQuery documentation

The docs give this example: $('input[name^="news"]').val('news here!')

Al Foиce ѫ

Since the title suggests wildcard you could also use this:

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

This will select the given string anywhere in the id.

Ajay2707

Try the jQuery starts-with

selector, '^=', eg

[id^="jander"]

I have to ask though, why don't you want to do this using classes?

Thanks for the classes hint, that brought me to the right direction!

joshuahedlund

for classes you can use:

div[class^="jander"]

Ajay2707

To get the id from the wildcard match:

$('[id^=pick_]').click( function(event) { // Do something with the id # here: alert('Picked: '+ event.target.id.slice(5)); } );

moo1

moo2

moo3

Simon M

When you have a more complex id string the double quotes are mandatory.

For example if you have an id like this: id="2.2", the correct way to access it is: $('input[id="2.2"]')

As much as possible use the double quotes, for safety reasons.

Wildcards in jQuery selectors

Follow WeChat

Want to stay one step ahead of the latest teleworks?

相似问题

Platform

Support

Links

Contact US