把多個類放在jquery函數中

Question

我在刮新聞網站，我需要提取多個類的元素。我原來的代碼如下所示：

var index = $(this).attr('class'); 

然後將其追加爲文本跨度：

$('.element').append('<span>.'+index+'</span>'); 

這對於一個類的工作很好，但是當給出多個類不工作（這意味着我不能做我的功能）。原因是Jquery語句應該用逗號分隔類。因此調用多個類看起來像這樣在我的代碼：

<span> .class1 class2 class3 </span> 

但jQuery的需要逗號和點像這樣：

<span> .class1, .class2, .class3 </span> 

我能做些什麼來添加逗號和點？

Answer 1

只需將字符串空格分割成一個數組，然後再次將它們連接在一起返回到一個字符串中，並且您將全部設置。

var index = $('div').attr('class').split(' '); 

for (var i = 0; i < index.length; i++) { 
    index[i] = '.' + index[i]; 
} 

index = index.join(', '); 

jsFiddle DEMO

結果將是.class1, .class2, .class3