Using variable in an if / else statement

Question

I am creating a variable that is equal to the text of a <a> that has been clicked on, and then use the variable in an if / else statement but cant get it to work. I know the variable is right, and I know the function works because I can replace it with a "whatever.html" and it work. However I cant get the variable to work in its place:

   $(".themenu a").click(function(){
          var stuff = $(this);
          if (stuff == "Home"){
                 $.get("main.html", function(data){
                 $(".content").append(data);
          }, "html");
   }

If you want html to appear in your question quote it with the ` character (I've updated your question to do this). — nnnnnn
– nnnnnn, Commented Sep 19, 2011 at 6:20
I guess you have to change the second row to var stuff = $(this).text(); — Teneff
– Teneff, Commented Sep 19, 2011 at 6:22

Nanne · Accepted Answer · 2011-09-19 06:22:49Z

6

$(this); will get you a jQuery object, not the text of it, so that won't be equal to "Home". Use

var stuff = $(this).text();

or

var stuff = $(this).html();

answered Sep 19, 2011 at 6:22

Nanne

64.4k16 gold badges122 silver badges166 bronze badges

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

Comments

nnnnnn · Accepted Answer · 2011-09-19 06:28:47Z

4

You are setting your stuff variable to reference the jQuery object returned by $(this), when what you really want is the text of the element in that jQuery object like so:

var stuff = $(this).text();

EDIT: note that in your click handler this will be equal to the <a> element you could also do this:

var stuff = this.innerHTML;

edited Sep 19, 2011 at 6:28

answered Sep 19, 2011 at 6:22

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

Comments

markus · Accepted Answer · 2011-09-19 06:32:45Z

2

Your selector selects the <a> node, which is an object. If you want to use it for comparison, you first have to get the value, ID or content of that tag.

var stuff = $(this);

Now, stuff contains a DOM object representing the <a href="url">Home</a> element. What you want is to extract the bit between the tags.

var innerStuff = stuff.text();

Or of course, directly:

var stuff = $(this).text();

edited Sep 19, 2011 at 6:32

answered Sep 19, 2011 at 6:22

markus

40.8k23 gold badges100 silver badges143 bronze badges

Comments

Sang Suantak · Accepted Answer · 2011-09-19 06:23:26Z

0

You should do var stuff = $(this).text(); instead.

answered Sep 19, 2011 at 6:23

Sang Suantak

5,2652 gold badges30 silver badges46 bronze badges

1 Comment

nnnnnn Over a year ago

+1 to balance the unexplained -1 (don't know why this was voted down when it is correct, though it is a duplicate answer).

rgin · Accepted Answer · 2011-09-19 06:23:59Z

0

try:

var stuff = $(this).text();

answered Sep 19, 2011 at 6:23

rgin

2,3014 gold badges24 silver badges33 bronze badges

1 Comment

nnnnnn Over a year ago

+1 to balance the unexplained -1 (don't know why this was voted down when it is correct, though it is a duplicate answer).

Collectives™ on Stack Overflow

Using variable in an if / else statement

5 Answers 5

Comments

Comments

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related