Javascript naming class by variable

Question

I have p element like this :

<p class="11"></p>

I try to change the content by append() method through clear.js like this :

$('.11').append("taylor");

it works fine and print "taylor" on my page, but if I change my code like this :

number=11;
classProv = "'." + number + "'";
$(classProv).append("taylor");

it returns error message :Syntax error, unrecognized expression: '.11'

Why did it happen ? Any solution?

user4639281 · Accepted Answer · 2015-10-15 23:15:54Z

2

The problem is that you're including some extra quotation marks. Drop the extra quotes and it works just fine.

number=11;
classProv = "." + number;
$(classProv).append("taylor");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="11"></p>

answered Oct 15, 2015 at 23:15

user4639281

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

Comments

D3myon · Accepted Answer · 2015-10-15 23:19:38Z

2

Remember.

If you write

 $('.11').append("taylor");

You provide a string as parameter explicitly. By declaring a variable like var classProv = '.' + number; and using it as parameter you provide a string. So there is no additional quotes needed.

answered Oct 15, 2015 at 23:19

D3myon

1811 silver badge12 bronze badges

Comments

cosbor11 · Accepted Answer · 2015-10-20 20:37:08Z

0

The string you are concatenating ends up literally being "'.11'", which contains single quotes in the value.

What you need is:

var number = 11;
var classProv = "." + number;

answered Oct 20, 2015 at 20:37

cosbor11

16.4k11 gold badges62 silver badges76 bronze badges

Collectives™ on Stack Overflow

Javascript naming class by variable

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