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