Javascript html：在锚点中添加另一个类

我有这样的代码：

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>' );
             }

         }
); 

但它不起作用，因为当我在Chrome debug中看到otherClass类存在，但由state设置的类不再存在；

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

$（“#mytab”）.append（“

var state='d'；
$（“#mytab”）.append（“
var state='d'；
$（“#mytab”）.append（“
var state='d'；
$（“#mytab”）。追加（“
谢谢，我试着做同样的思考，但对引号和双引号有混淆check out fiddle@JilsIts work我只想说我在问问题之前也必须做同样的事情。你的代码没问题。谢谢，我试着做同样的思考，但对引号和双引号有混淆check out fiddle@JilsIts work我只想说这一点我在问问题之前也必须这样做。你的代码还可以。谢谢，我试着做同样的思考，但是混淆了引号和双引号。检查fiddle@JilsIts work我只想说我在问问题之前也必须这样做。你的代码还可以。谢谢，我试着做同样的思考，但是混淆了引号和双引号otesCheck out fiddle@JilsIts work我只想说，在问问题之前，我也必须这样做。你的代码还可以。
var state='d';
$("#mytab").append('<a style="white-space: nowrap" class="otherClass ' + state +'">sdfsasdfafds</a><br>' );