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 Jun 09 '16 at 09:39 — Mairaj Ahmad, Jun 09 '16 at 09:39
@MairajAhmad let me post it – hungrykoala Jun 09 '16 at 09:40 — hungrykoala, Jun 09 '16 at 09:40
Your code works, make sure that `myid` is unique – Gene R Jun 09 '16 at 09:45 — Gene R, Jun 09 '16 at 09:45

score 2 · Accepted Answer · edited May 23 '17 at 12:08

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 '17 at 12:08

Community

1
1

answered Jun 09 '16 at 09:40

Pranav C Balan

113,687
23
165
188

thanks! but may I know why did .text and not .html? for future reference. – hungrykoala Jun 09 '16 at 09:43
@hungrykoala : in your case both will be work since there is no html element inside – Pranav C Balan Jun 09 '16 at 09:44
@hungrykoala put the text in span and you will see the difference – guradio Jun 09 '16 at 09:45
1

@guradio : that would be easy to understand :) – Pranav C Balan Jun 09 '16 at 09:47
Refer following [JSFiddle](https://jsfiddle.net/RajeshDixit/7sLt9skc/1/) for reference. – Rajesh Jun 09 '16 at 09:47

convert .html value to string in jquery

1 Answers1