jQuery selector for element with mulitple classes not working

Question

HTML:

<a class="someclass-random1 selected">The third div element.</a>
<p class="selected someclass-random2">This is some text in a paragraph.</p>

Selector: $('*[class^=someclass]')

This selector works on <a>, but not on <p>. Why would that be?

jsfiddle link

Edit: corrected typo

Because the `p` classes dont' start with "someclass" – Abhitalks Nov 18 '14 at 08:37 — Abhitalks, Nov 18 '14 at 08:37
Also, You can simply do this :) `$('[class^=someclass]')` – Bhojendra Rauniyar Nov 18 '14 at 08:38 — Bhojendra Rauniyar, Nov 18 '14 at 08:38

score 1 · Answer 1 · answered Nov 18 '14 at 08:38

1

The expression ^= equates to "starts with" so

$('*[class^=someclass]')

is looking for any element with a classname that starts with someclass

Hence a matches and p does not

answered Nov 18 '14 at 08:38

Jonathan Crowe

5,793
1
18
28

it was a typo. problem was different. – Amit G Nov 18 '14 at 09:15

score 1 · Accepted Answer · edited May 23 '17 at 12:27

1

Try this way:

$.expr[':'].startingClass = function(obj){
  return ((/\bsomeclass/).test(obj.className));
};

$('*:startingClass').click(function(){
        $(this).hide();
});

demo

For more detail: see here

Or, simply you can use like this:

$('[class*=someclass]')

The * would search anywhere instead of starting from first.

edited May 23 '17 at 12:27

Community

1
1

answered Nov 18 '14 at 08:49

Bhojendra Rauniyar

83,432
35
168
231

jQuery selector for element with mulitple classes not working

2 Answers2