각 목록에서 마지막 쉼표 구분 기호 제거

Question

정렬되지 않은 일련의 목록이 순서가 지정되지 않은 다른 목록으로 묶여 있습니다. 작업은 개별 li 태그를 쉼표로 분리하고 각 목록의 마지막 li 태그를 생략하는 것입니다.

개별 목록 수준에서 할 수 있습니다. 즉 하나의 목록으로 테스트 할 때 마지막 요소에서 마지막 쉼표를 제거 할 수있었습니다. 나는 포장 UL의 마지막 리튬 요소에 영향을 미치는에 ... 자바 스크립트를 적용하기 위해 노력하고있어하지만 여기

내 코드입니다 :

<script type="text/javascript"> 
      $(document).ready(function() { 

       $('.tagsList li span').each(function() { 
        $(this).append(','); 
       }); 
       var lTag = $('.tagsList li:last span').text().replace(',',''); 
       $('.tagsList li:last span').text(lTag); 
      }); 

</script> 
<ul class="postsList"> 
    <li> 
     <ul class="tagsList"> 
      <li><span>tag1</span></li> 
      <li><span>tag2</span></li> 
     </ul> 
     </li> 
<li> 
    <ul class="tagsList"> 
     <li><span>tag1</span></li> 
     <li><span>tag2</span></li> 
    </ul> 
</li> 
</ul> 

Answer 1

당신이해야 약간 수정 된 선택기를 사용

$('.tagsList li:not(:last-child) span').each(function() { 
    $(this).append(','); 
}); 

각 목록의 마지막 li을 제외한 li 안에있는 모든 span 개의 요소를 직접 타겟팅합니다.

데모http://jsfiddle.net/gaby/wwTjH/2/