Add JQuery variable to $('.class').html("HTML");

Question

I'm trying to isolate one element by it's class but I need part of the class name to be from a variable as every element has a unique name.

div class="post6453"
div class="post9845"
div class="post2345"

var id = $(this).attr("id"); (ID = 6453, 9845, 2345 for example)

if(data == 1){
            $('post+ID').html("Html goes here");
            }else{
            $('post+ID').html("Html goes here");
            }

I hope this makes sense. Thanks.

A selector is just a string, so you can use string concatenation to build the selector dynamically. See developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…. — Felix Kling
– Felix Kling, Commented Jul 16, 2013 at 8:15

Fabrizio Calderan · Accepted Answer · 2013-07-16 08:11:17Z

3

your variable is id (lowercase) and not ID. Even your variable concatenation is not correct. Try with

$('.post' + id).html(...)

answered Jul 16, 2013 at 8:11

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

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

1 Comment

user2516546 Over a year ago

I'm only using ID here as an example. But this code worked, thanks

Fabien Papet · Accepted Answer · 2013-07-16 08:12:55Z

2

if element is unique you should use ID="" instead :

i think this is the jQuery selector

$(".post"+id).html("Html goes here");

answered Jul 16, 2013 at 8:12

Fabien Papet

2,3294 gold badges25 silver badges55 bronze badges

Collectives™ on Stack Overflow

Add JQuery variable to $('.class').html("HTML");

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related