이것은 XML 파일입니다 어떻게 자바 스크립트 JQuery와

Question

와 XML 구조를 구문 분석하는 방법 : 나는 이름을 좀하고 싶습니다

<Test> 
    <Category> 
     <SubCat> 
      <Name>Name</Name> 
      <Properties> 
       <Key>Key</Key> 
       <Value>Value</Value> 
      </Properties> 
     </SubCat> 
     <SubCat> 
      <Name>Name</Name> 
      <SubCat> 
       <Name>AnotherName</Name> 
       <Properties> 
        <Key>Key</Key> 
        <Value>Value</Value> 
       </Properties> 
      </SubCat> 
     </SubCat> 
    </Category> 
</Test> 

. 그러나 첫번째 SubCat의 이름 만. 그리고 속성 키 값. 문제는 SubCat가 두 번 존재한다는 것입니다.

나는 노력이 :

$(xml).find('SubCat').each(function() { 
    var name = $(this).find("Name").text(); 
    alert(name); 

} 

하지만이 쇼 제 1 및 제 2 SubCat의 이름입니다.

나는 이런 식으로 검색합니다.

rootElement(Category).selectallchildren(SubCat).Name for the first SubCat Name 
rootElement(Category).selectallchildren(SubCat).(SubCat).Name for the second SubCat Name 

그리고 키에 대한 동일한 명시 적으로 선택하고 여기에 트릭 CSS3 선택기를 평가하는 jQuery의 기능을 활용하는 것입니다

Answer 1

값.

SubCat:nth-of-type(1)은 임의의 부모 요소를 사용하여 SubCat의 모든 첫 번째 항목을 선택합니다.

그래서이 작동합니다 :

$(xml).find("SubCat:nth-of-type(1)").each(function(){ 
    var name = $(this).find("Name").text(), 
     property = { }; //use an object to store the key value tuple 
    property[$(this).find("Properties Key").text()] = $(this).find("Properties Value").text(); 

    console.log(name, property); 
}); 

//Output: 
//Name Object { Key="Value" } 
//AnotherName Object { Key="Value"} 

을 희망 만약 당신이 원하는; 첫 대답을 쓸 때 혼란스러워서 분명히 질문을 잘못 해석했습니다 ...