convert .html value to string in jquery

Question

I have this code:

HTML:

<td id="myid">something</td>

JavaScript:

var test = $("#myid").html();
console.log(test);
if(test == "something"){
alert("Great!");
}

my problem here is that in the console the word something appears but when it is on the condition they do not match, maybe because the .html value retrieved is not a string. So I want to know how do I convert it to string?

What is html of the div ?

Mairaj Ahmad
– Mairaj Ahmad

2016-06-09 09:39:54 +00:00
Commented Jun 9, 2016 at 9:39 — Mairaj Ahmad
– Mairaj Ahmad, Commented Jun 9, 2016 at 9:39
@MairajAhmad let me post it

hungrykoala
– hungrykoala

2016-06-09 09:40:52 +00:00
Commented Jun 9, 2016 at 9:40 — hungrykoala
– hungrykoala, Commented Jun 9, 2016 at 9:40
Your code works, make sure that myid is unique

Gene R
– Gene R

2016-06-09 09:45:41 +00:00
Commented Jun 9, 2016 at 9:45 — Gene R
– Gene R, Commented Jun 9, 2016 at 9:45

Community · Accepted Answer · 2017-05-23 12:08:12Z

2

Use text() method to get text content and String#trim() ( or jQuery.trim()) to remove the white space from both end of string.

var test = $("#myid").text().trim();
console.log(test);
if (test == "something") {
  alert("Great!");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td id="myid">something</td>
  </tr>
</table>

For understanding the difference Refer : What is the difference between jQuery: text() and html() ?

console.log(
  $("#myid").text(),
  $("#myid").html()
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td id="myid"><span>something</span>
    </td>
  </tr>
</table>

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Jun 9, 2016 at 9:40

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

5 Comments

hungrykoala Over a year ago

thanks! but may I know why did .text and not .html? for future reference.

Pranav C Balan Over a year ago

@hungrykoala : in your case both will be work since there is no html element inside

guradio Over a year ago

@hungrykoala put the text in span and you will see the difference

Pranav C Balan Over a year ago

@guradio : that would be easy to understand :)

Rajesh Dixit Over a year ago

Refer following JSFiddle for reference.

Collectives™ on Stack Overflow

convert .html value to string in jquery

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related