는 JSON 배열

Question

에서 쉼표를 공백으로 대체 I 루핑 기능 만들기 있습니다

<li id="id1" name="Tag1,Tag2,Tag3"> 
<li id="id2" name="Tag1,Tag2,Tag3"> 


$.each(data.posts, function(i, post){  
$('<li >', {id: this.id , name: post.tags}) 
}); 

가 어떻게 공백으로 태그 사이에 쉼표를 교체하는합니다. 또한 "이름"대신 "클래스"속성에 태그를 보낼 수있는 방법이 있습니다. 사파리에서는 작동하지 않는 것 같습니다.

Answer 1

은 당신이 아마 원하는 것은 이것이다 : 당신이 문자열 배열을 캐스팅 할 때 본 것처럼

기본적으로

$('<li >', {id: this.id , className : post.tags.join(' ')}) 

는, 그것은 쉼표로 연결된 얻을. join()을 사용하면 문제가 해결됩니다.

또한, class 모든 브라우저 에서 예약 된 키워드 (당신이 그것을 사용하는 경우 일부 오류가 발생하지 않지만)이다, 그래서 당신은 클래스를 설정하기 위해 사용해야하는 속성은

Answer 2

이 시도 :

$.each(data.posts, function(i, post){ 
$('<li >', {id: this.id , name: post.tags.join(' ')}); 
}); 

Answer 3

$.each(data.posts, function(i, post) { 
    $('<li >', {id: this.id , name: post.tags.replace(/[,]/g, ' ')}) 
}); 

Answer 4

className라고

쉼표 대신 바꿀 문자열 메서드를 사용합니다 (다른 응답에서 언급 한 것처럼).

클래스에 관해서는,이 같은 추가 :

$('<li >', {id: this.id }).addClass(post.tags.join(' '));