데이터는 아래의 트리 구조는 jQuery를

Question

하여 트리 구조를 조작하고 나는 JQuery와에 의해 두 번째 트리 구조를 갖고 싶어.

<ul> 
    <li data-id="1"> 
     <ul> 
      <li data-id="2"> 
       <ul> 
        <li data-id="6"></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
    <li data-id="3"></li> 
    <li data-id="4"></li> 
</ul> 

이 대상 구조는 내가 어떻게 그렇게 할 수 있습니까?

<ul> 
    <li data-id="1" data-path="1"> 
     <ul> 
      <li data-id="2" data-path="1,2"> 
       <ul> 
        <li data-id="6" data-path="1,2,6"></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
    <li data-id="3" data-path="3"></li> 
</ul> 

Answer 1

는 다음을 시도해보십시오

$('li[data-id]').each(function() { 
    var self = $(this); 
    var path; 
    self.parents('li[data-id]').andSelf().each(function() { 
    if (path) { 
     path = $(this).data('id') + ',' + path; 
    } else { 
     path = $(this).data('id'); 
    } 
    }); 
    self.attr('data-path', path); 
}); 

See here for jsFiddle.