jquery append html elements - passing javascript variable as class

Question

I have got the following jquery code which appends some html elements to the <a> tag found inside a <li> tag.

Currently, i am hardcoding the class of the <ins> tag, but actually i need to pass a javascript variable (selected_class) as the the class name.

 if (colour[1] == "blue"){
  selected_class = "colour-icon1";
  }
  else if (colour[1] == "yellow")  {
   selected_class = "colour-icon2";
  }
  else if (colour[1] == "green")  {
   selected_class = "colour-icon3";
  }


      $j("li[name='"+node_name+"'] > a").append('<a><ins class="colour-icon1">&nbsp;</ins></a>');

My question is how do i pass a javascript variable (selected_class) as the the class name inside the <ins> tag?

Bojangles · Accepted Answer · 2011-12-19 17:17:19Z

4

$j("li[name='"+node_name+"'] > a").append('<a><ins class="' + selected_class + '">&nbsp;</ins></a>');

Should do the trick. You're already doing string concatenation in your selector:

li[name='"+node_name+"']

edited Dec 19, 2011 at 17:17

answered Dec 19, 2011 at 17:04

Bojangles

102k50 gold badges175 silver badges209 bronze badges

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

Comments

Phil Klein · Accepted Answer · 2011-12-19 17:06:18Z

3

var selected_class = ...;
var ins = $j("<ins>").addClass(selected_class);
var newLink = $j("<a>").append(ins).append("&nbsp;");
$j("li[name='" + node_name + "'] > a").append(newLink);

answered Dec 19, 2011 at 17:06

Phil Klein

7,5143 gold badges34 silver badges33 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:34:25Z

-1

Have a look at jQuery.addClass(). I believe it's what you're looking for.

I'm not adept at creating selectors yet so I can't help there. Though it seems Phil Klein has a solution for you.

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Dec 19, 2011 at 17:09

Zack

2,4854 gold badges39 silver badges51 bronze badges

Collectives™ on Stack Overflow

jquery append html elements - passing javascript variable as class

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related