2013-06-03 12 views
1

하여 각 선택 차일 루프 I가 구조 다음과 같습니다프로토 타입 : 클래스 명

HTML 구조 : 루프 내가 원하는

<table class="structure"> 
<tr> 
    <td class="id"> 
     <div class="product-id">123</div> 
    </td> 
    <td class="article"> 
     <ul name="attribute[151]"> 
      <li class="active"> <a href="..." rel="1">A</a></li> 
      <li><a href="..." rel="2">B</a></li> 
     </ul> 
    </td> 
</tr> 
<tr> 
    <td class="id"> 
     <div class="product-id">456</div> 
    </td> 
    <td class="article"> 
     <ul name="attribute[151]"> 
      <li class="active"> <a href="..." rel="1">A</a></li> 
      <li><a href="..." rel="2">B</a></li> 
     </ul> 
    </td> 
</tr> 
</table> 

모든 TR 요소는 활성 클래스로 리 요소를 얻을 수 있습니다. 나는 또한 product-id를 선택하기를 원하기 때문에 tr을 선택한다. 어떻게 각 루프에서 CSS 선택기를 선택할 수 있습니까?

프로토 타입 :

$$('.structure tr').each(
      function (index) { 
        //wrong 
       console.log(index.down(".article li.active a'").readAttribute('rel')); 
      } 
     ); 

    } 

답변

2

그래서 당신은 당신은 또한 CSS 선택기 엔진을 혼동 될 수있는 down() 방법에 추가로 작은 따옴표 (')를 가지고이

$$('.structure tr').each(
     function (index) { 

      console.log(index.down('li.active a').readAttribute('rel')); 

       //wrong 
      console.log(index.down(".article li.active a'").readAttribute('rel')); 
       //  extra single quote   ^^^^ 
     } 
    ); 

} 

처럼 자바 스크립트를 단순화 할 수 있습니다 (지글 지글)

+0

감사합니다. 나는 너무 가까웠다. – siem