check if a string exist in a div text jquery

Question

var qtr = $('div').text();
var qtr1 = qtr.split(',')
console.log(qtr1.length)

for (var i = 0; i < qtr1.length; i++) {
  console.log(qtr1[i]);
}
console.log(qtr1);
if ($.inArray('1st qtr', qtr1)) {
  alert('1st');
}
if ($.inArray('2nd qtr', qtr1)) {
  alert('2nd');
}
if ($.inArray('3rd qtr', qtr1)) {
  alert('3rd');
}
if ($.inArray('4th qtr', qtr1)) {
  alert('4th');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>1st qtr,2nd qtr,3rd qtr,4th qtr,</div>

I have a div with text in it i want to check if a specific text is in the div. I tried splitting the div text and getting checking $.inArray but the first text is not being shown even if it is missing.

Problem:

Why do i get 5 as length in even if there are only 4 text. An extra space is being added at the last
Why is the first text which is 1st qtr not shown even if it is existing.
What is the best to check if a text is existing in a text.

if you want to highlight keywords you can use github.com/julmot/jmHighlight — dude
– dude, Commented Oct 6, 2015 at 6:06
@julmot i dont want to hightlight text i will use it as parameter for other purposes. — guradio
– guradio, Commented Oct 6, 2015 at 6:07
you have a comma at the end of text. that's the reason length is 5 — shemy
– shemy, Commented Oct 6, 2015 at 6:08
You get 5 as length, because the content ends in a comma - the empty string aftert that is counted as fifth element. — slomek
– slomek, Commented Oct 6, 2015 at 6:08

Tushar · Accepted Answer · 2015-10-06 06:33:13Z

5

Why do i get 5 as length in even if there are only 4 text. An extra space is being added at the last

The string contains , at the end. When the string is split using ,, an empty string is added as the last element since there is nothing after the last ,. You can remove the last , by using regex.

Why is the first text which is 1st qtr now shown even if it is existing.

The inArray returns the index of the sub-string found in the string. So, for the first string the index 0 is returned. As 0 is falsy value, the if condition is evaluate to false and the block is not executed.

Updated Code

var qtr = $('div').text().replace(/,$/, '');
var qtr1 = qtr.split(',');

console.log(qtr1.length)

if ($.inArray('1st qtr', qtr1) !== -1) {
  alert('1st');
}
if ($.inArray('2nd qtr', qtr1) !== -1) {
  alert('2nd');
}
if ($.inArray('3rd qtr', qtr1) !== -1) {
  alert('3rd');
}
if ($.inArray('4th qtr', qtr1) !== -1) {
  alert('4th');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>1st qtr,2nd qtr,3rd qtr,4th qtr,</div>

What is the best to check if a text is existing in a text.

indexOf is the best to check if the string contains a substring

var str = '1st qtr,2nd qtr,3rd qtr,4th qtr,';

var contains = str.indexOf('4th qtr') > -1;

alert('str contains  4th qtr? ' + contains);

edited Oct 6, 2015 at 6:33

answered Oct 6, 2015 at 6:07

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

7 Comments

guradio Over a year ago

why add -1 at the condition? also 4th is not shown even if it is present i need to show all text since all are present

guradio Over a year ago

what you did is change the last , to space and did same thing except added !== -1 in the condition?i want to understand what you did please bear with me.

Tushar Over a year ago

@Pekka 1. Removed the last comma from the string. 2. Split the string by , 3. The inArray returns the index of the sub-string found in the string. So, for the first string the index 0 is returned. As 0 is falsy value, the if condition is evaluate to false and the block is not executed.

Tushar Over a year ago

@Pekka The index of the first character is zero, just like array and when the element is not found in the array -1 is returned, I hope this will clear the confusion.

Tushar Over a year ago

@Pekka For reference, stackoverflow.com/questions/18867599/…

|

Collectives™ on Stack Overflow

check if a string exist in a div text jquery

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related