HTML: добавить еще один класс в якорь

Question

у меня есть такой код:

JAVASCRIPT

$xml.find("test").each(

     function() 
     {            
      var state = $(this).attr('state'); 

      if(state == "known"){ 
       $("#mytab").append('<a style="white-space: nowrap" class='+ state +'>' + $(this).text() + '</a><br>'); 
      } 

     } 
); 

И я хочу добавить еще один класс в якорь a так:

$("#mytab").append('<a style="white-space: nowrap" class="otherClass" class='+ state +'>' + $(this).text() + '</a><br>'); 

Но это не сработает, потому что, когда я вижу в Chrome debug, класс otherClass существует, но класс, установленный по состоянию, больше не присутствует.

Answer 1

var state='d'; 
$("#mytab").append('<a style="white-space: nowrap" class="otherClass ' + state +'">sdfsasdfafds</a><br>'); 

Вы не можете добавить два атрибута класса. Вы должны сделать это в одном атрибуте класса.

fiddle