how to compare string with html element

Question

How to compare a string, may be already in variable, with element taken from DOM? with element like this

"Something here"

when i call this element with .text() method, i dont just get "Something here", but more like

"    
Something 
          here
              "

This is not a literal example, i mean my value is returned with additional whitespaces, and therefore i'm not able to compare it with anything, even if i copy whitespaced string from console.

EDIT

Pretty much all answers tell me to use $.trim, i tried it before and it doesnt work, doesnt remove all the whitespaces, still cant compare even with copy/paste from console.log

Ramesh · Accepted Answer · 2014-02-18 10:42:09Z

3

Trim and Compare:

if("string_to_compare" == $.trim(element.text())) {
    //some code
}

answered Feb 18, 2014 at 10:42

Ramesh

4,3032 gold badges20 silver badges24 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2014-02-18 10:42:13Z

2

You can use trim() to remove the trailing and leading spaces then compare them..

$.trim(x.text()) == 'abc'

$.trim() is used instead of String.trim() because of IE support

answered Feb 18, 2014 at 10:42

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

Adil · Accepted Answer · 2014-02-18 10:42:03Z

1

You can use $.trim to remove the spaces around the text you have.

$.trim($("selector").text())

The $.trim() function removes all newlines, spaces (including non-breaking spaces), and tabs from the beginning and end of the supplied string. If these whitespace characters occur in the middle of the string, they are preserved, jQuery Doc.

answered Feb 18, 2014 at 10:42

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

Stumblor · Accepted Answer · 2014-02-18 10:47:00Z

0

If you do not want a dependency on JQuery, you should instead use a regular expression:

"Some String" == element.innerHTML.replace(/^\s+|\s+$/g, '');

answered Feb 18, 2014 at 10:47

Stumblor

1,1408 silver badges16 bronze badges

Comments

Dbl · Accepted Answer · 2014-02-18 10:51:13Z

0

can you specify the version of jquery you're using (+ post your code maybe) ? I've checked a couple of answers and made my own check and they all seem to work just fine.

answered Feb 18, 2014 at 10:51

Dbl

5,9944 gold badges52 silver badges74 bronze badges

Collectives™ on Stack Overflow

how to compare string with html element

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related