jQuery selector and css error -

problem 1: have 3 variables. classname references string. contains content , link contains html string. trying assign content whatever variable classname references.

var = "test"; var classname = "link1"; var link1 = '<div id="back" class="gohome"></div><div class="link3"></div><div class="link4"></div>'; 

because below code doesn't seem working me

$(classname) = classname + back; 

problem 2: below code doesn't seem updating css of whatever variable prevclass contains.

       $('[id*="back"]').each(function(){             $('.' + prevclass).css({'left': '-123px'});             $('.' + prevclass).css({'top': '430px'});             $('.' + prevclass).css({'width': '123px'});             $('.' + prevclass).css({'height': '44px'}); 

---

<script type="text/javascript">      var = "";     var prevclass = "start"     var classname = "broken";      start = '<div id="back" class="gohome"></div><div class="link1"></div><div class="link2"></div>';     gohome = '<div class="gohome"></div><div class="start"></div>';     link1 = '<div id="back" class="gohome"></div><div class="link3"></div><div class="link4"></div>';     link2 = '<div class="gohome"></div>';     link3 = '<div id="back" class="gohome"></div><div class="link5"></div><div class="link6"></div>';     link4 = '<div class="gohome"></div><div class="link7"></div><div class="link8"></div>';     link5 = '<div class="gohome"></div><div class="link2a"></div><div class="link10"></div>';     link6 = '<div class="gohome"></div><div class="link7"></div><div class="link11"></div>';     link6a = '<div class="gohome"></div><div class="link7"></div><div class="link11"></div>';     link7 = '<div class="gohome"></div><div class="link6a"></div><div class="link9"></div>';     link8 = '<div class="gohome"></div><div class="link2a"></div><div class="link10"></div>';     link9 = '<div class="gohome"></div><div class="link10a"></div>';     link10 = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>';     link10a = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>';     link11 = '<div class="gohome"></div><div class="link10a"></div>';     link12 = '<div class="gohome"></div><div class="link12"></div><div class="link13"></div>';     link13 = '<div class="gohome"></div><div class="link14"></div><div class="link15"></div>';     link14 = '<div class="gohome"></div>';     link15 = '<div class="gohome"></div><div class="link16"></div><div class="link17"></div>';       link16 = '<div class="gohome"></div>';     link17 = '<div class="gohome"></div><div class="link18"></div><div class="link19"></div>';     link18 = '<div class="gohome"></div>';     link19 = '<div class="gohome"></div><div class="link20"></div><div class="link21"></div>';     link20 = '<div class="gohome"></div>';     link21 = '<div class="gohome"></div>';       $(document).on('click', '.inter [class]', function () {    classname = this.classname;     $('[id*="back"]').each(function(){         $('.' + prevclass).css({'left': '123px'});         $('.' + prevclass).css({'top': '430px'});         $('.' + prevclass).css({'width': '123px'});         $('.' + prevclass).css({'height': '44px'});     });     = '<div class="' + prevclass + '"></div>';    $('.' + classname).html(back);    prevclass = classname;        $('.inter').fadeto(250, 0.25, function () {            $('.inter').html(window[classname]);              $('.inter').css({'background-image': 'url("' + classname + '.png")'});            $('.inter').fadeto(250, 1.00);         });    });  </script>  

for problem one, need select , update little bit smarter. since classname class name, want:

$('.' + classname)

(like you've figured out problem #2)

if want update content (with back):

$('.' + classname).html(back);

for problem #2, it's not clear you're trying do.

first, #back in dom? won't work against link1 variable. second, what's prevclass supposed be?