json 객체에서 정의 목록 생성

Question

defintion 목록을 만들기 위해 json-object 구조체를 만들려고합니다. 내가 여기서 뭘하려고 무엇을 참조하십시오 jsfiddle

var x = 
[{ 
    "dl": 
    { 
     "dt":"head 1" 
     { 
      "dd": 
      [ 
       "listitem 1", 
       "listitem 1", 
       "listitem 1", 
       "listitem 1", 
       "listitem 1" 
      ] 
     }, 
     "dt":"head 2" 
     { 
      "dd": 
      [ 
       "listitem 2", 
       "listitem 2" 
      ] 
     } 
    }  
}] 
; 

JS의 조각을 실행하여 내가 JSON 객체에서 markupt를 만들려고 : 변수 x를 사용

$.each(x["dl"], function(i,v){ 
    console.log(this.dt, this.dd); 
}); 

내가 만들려고 마크 업 이후 :

<dl> 
    <dt>head 1</dt> 
    <dd>listitem 1</dd> 
    <dd>listitem 1</dd> 
    <dd>listitem 1</dd> 
    <dd>listitem 1</dd> 
    <dd>listitem 1</dd> 

    <dt>head 2</dt> 
    <dd>listitem 2</dd> 
    <dd>listitem 2</dd> 
</dl> 

<dl> 
    <dt>head 1</dt> 
    <dd>listitem 1</dd> 
    <dd>listitem 1</dd> 
    <dd>listitem 1</dd> 
    <dd>listitem 1</dd> 
    <dd>listitem 1</dd> 

    <dt>head 2</dt> 
    <dd>listitem 2</dd> 
    <dd>listitem 2</dd> 
</dl> 

마크 업은 내가 생성해야하는 것입니다. 내 JSON 구조에서 무엇이 잘못 되었습니까?

Answer 1

우선 아니요, JSON입니다. 이것은 자바 스크립트 객체 일뿐입니다. JSON은 이고 JavaScript 객체의입니다.

두 번째로, 개체가 올바르지 않습니다. dt 속성을 여러 개 가질 수는 없으므로 그 배열을 만드는 것이 좋습니다. "dt":"head 1" {은 유효하지 않습니다. 또한 x은 객체이어야하며 객체의 배열이 아니어야합니다.

나는이 같은 개체를 만드는 것이 좋습니다 :

var x = { 
    "dl": [{ 
     "dt": "head 1", 
     "dd": ["listitem 1", "listitem 1", "listitem 1", "listitem 1", "listitem 1"] 
    }, { 
     "dt": "head 2", 
     "dd": ["listitem 2", "listitem 2"] 
    }] 
}; 

x는 dl 속성을 포함하는 객체입니다. x.dl은 객체를 포함하는 배열입니다. 이러한 객체에는 dt 및 dd 속성이 포함되어 있습니다.

이제 당신의 조각은 제대로 작동합니다

$.each(x["dl"], function(i,v){ // you can also use "x.dl" 
    console.log(this.dt, this.dd); 
}); 

를이 객체에서 당신이 원하는 HTML을 쉽게 만들 수 있습니다.