Check if exact substring is in a string

Question

I know that somewhere someone asked this question before but I've tried to find an answer without any luck.

I'm trying to find if an exact substring is found in a string.

For example

<input class="form-control alphanumeric-chars" />

I want to match 'alphanumeric-characters' but if the class name was alphanumeric it won't be a match

I've tried many options like:

$('input').filter(function() { return $(this).className.includes('alphanumeric-chars'); })

Or

return $(this).className === 'alphanumeric-chars';

Any idea what am I missing?

Without jQuery there's also element.classList.contains("classname") — Walk
– Walk, Commented Sep 28, 2017 at 12:10

Tushar · Accepted Answer · 2017-09-28 12:07:32Z

2

There is no need of filter. Just use the class selector as follow

$('input.alphanumeric-chars')

answered Sep 28, 2017 at 12:07

87.4k21 gold badges164 silver badges182 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

this one much better among all.+1.deleted my answer too

RaJesh RiJo · Accepted Answer · 2017-09-28 12:09:10Z

why don't you go for hasClass() if you want to do something based on condition!

if($(this).hasClass('className')){ //do some code. } else{ //do else part }

ekans · Accepted Answer · 2017-09-28 12:14:18Z

You have multiple options if you use jquery :

$(this).hasClass('alphanumeric-chars')

or if you don't use jquery :

this.className.indexOf('alphanumeric-chars') // return -1 if not found, >= 0 if found

If you want all input without 'alphanumeric-chars' class you can do this :

$('input:not(.alphanumeric-chars)')

Satish Kumar sonker · Accepted Answer · 2017-09-28 12:17:09Z

There multiple ways to find the class

$('input.alphanumeric-chars') // select only those input who has class name "alphanumeric-chars"
$('.alphanumeric-chars') // select all element has class name "alphanumeric-chars"
$('[class="alphanumeric-chars"]') // select all element has class name "alphanumeric-chars"
$('input[class="alphanumeric-chars"]') // select only those input who has class name "alphanumeric-chars"
$('input').hasClass('alphanumeric-chars') // select only those input who has class name "alphanumeric-chars"