jQueryでHTML表示の部分

質問

jQueryで表示されるデータをHTMLで表示するのですが、
色々いじっていたのですが、表示されなかったり<li>タグだけしかひょうじされなかったりして、
いまいちわからなくて、質問を致しました。

-現在の表示------------
<li>No：1　Title：タイトル</li>
-----------------------

<li>タグの中にclassを追加したいのですが、
どうすれば、<li>タグにclassが追加されるのでしょうか。

-----------------------------------
<li class="test">No：1　Title：タイトル</li>
-----------------------------------
こんな感じに表示させたいのです。

大変申し訳ございませんが、よろしくお願い致します。

<script type="text/javascript">
jQuery(function(){
$.getJSON("./json_sql.php",function(data){
$('p','#demo').remove();
$('#demo').append('<ul/>');
$.each(data,function(i,items){
$("<li/>",{
text:'No：'+items.no+'　Title：'+items.title
}).appendTo('ul','#demo');
});
});
});
</script>

<div id="demo">
<h4>リスト</h4>
</div>

回答No.1

fujillin · ベストアンサー

よくわかってませんが・・・

ドキュメンテーションによれば、jQuery( html, props )の構文でclass設定もできるとなっています。
（ただし、classはクォーテーションで囲まないといけないらしい。）
http://api.jquery.com/jQuery/#jQuery2

それなので、
$("<li/>",{
text : 'No：'+items.no+'　Title：'+items.title,
'class' : 'test'
}).appendTo('ul','#demo');

とかではダメでしょうか？

お礼

問題なく動作が出来ました。
ありがとうございます。