jQuery if div contains multiple text strings

Question

I had a quick script to search for some text (a unique code) in a div and hide a different element if it exists:

var itemCode = ["000001"];

if( $(".itemCode").text().indexOf(itemCode) >= 0) {
  $(".codeBox").addClass("hideElement");
}

however I wanted to expand this so it finds one of multiple texts (codes) and if any of them exist then hide the element:

var itemCode = ["000001", "000003", "000008"];

if( $(".itemCode").text().indexOf(itemCode) >= 0) {
  $(".codeBox").addClass("hideElement");
}

and this isn't working. I'm sure It's probably something simple and I'm supposed to add a .each() somewhere but I'm just not getting it working when I experiment trying things, what am I missing?

if (itemCode.length >= 0)

ggdx
– ggdx

2018-02-21 11:03:14 +00:00
Commented Feb 21, 2018 at 11:03 — ggdx
– ggdx, Commented Feb 21, 2018 at 11:03

Ben Morris · Accepted Answer · 2018-02-21 11:41:17Z

2

Might be slighty quicker if you have a few item codes in your array

var itemCode = ["000001", "000003", "000008"];
var regExpPattern = itemCode.join('|');
if($(".itemCode").text().match(new RegExp(regExpPattern, 'i'))) {
 $(".codeBox").addClass("hideElement");
}
});

answered Feb 21, 2018 at 11:41

Ben Morris

2824 silver badges13 bronze badges

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

3 Comments

Chobbit Over a year ago

This worked great thanks, could you explain the .join('|') part please so I can understand how it's working? Thanks again

Ben Morris Over a year ago

The join function joins an array of strings into one string using an optional divider in this case "|". The pipe is used like an or operator within regular expressions. So thisvalue|orthisone. regular-expressions.info/alternation.html w3schools.com/jsref/jsref_join.asp

Chobbit Over a year ago

Thanks this has helped a lot :)

Serge K. · Accepted Answer · 2018-02-21 11:05:52Z

1

indexOf takes only one (mandatory) argument, so you'll have to iterate over your list to find element(s) matching your condition :

var itemCode = ["000001", "000003", "000008"];

var contains = itemCode.some(function(code) {
  return $(".itemCode").text().indexOf(code) >= 0;
});

if (contains) {
  $(".codeBox").addClass("hideElement");
}

answered Feb 21, 2018 at 11:05

Serge K.

5,3231 gold badge22 silver badges27 bronze badges

1 Comment

Chobbit Over a year ago

Thanks for the further explanation of indexOf, this also worked

Collectives™ on Stack Overflow

jQuery if div contains multiple text strings

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related