각 요소 뒤에 구분 기호를 삽입하는 방법은 무엇입니까?

Question

div에 몇 개의 하이퍼 링크가 있습니다. 그러나 하이퍼 링크의 수는 다양합니다. 그것이 무엇이 될지 아무런 언급이 없습니다. 1, 2, N 일 수 있습니다. 알려진 것은 항상 div에 하나 이상의 하이퍼 링크가 있다는 것입니다.

내가 가지고있는 지금,이 형식의 링크 :이

1. : 나는 두 가지 문제에 직면하고있다

   Link1 | Link2 | Link3 
   

   :

   Link1 Link2 Link3 
   

   나는로 변환 할 마지막 항목 이후에 파이프입니다. - 좋지 않습니다.

2. 하이퍼 링크의 텍스트로 삽입되고 요소 사이에 삽입되지 않는 파이프입니다.

첫 번째 문제를 극복하기 위해 요소가 마지막 것이 아닌 경우에만 파이프를 삽입하려고했습니다. 두 번째 문제에 대한, 여기 내가 지금까지 뭘 오전입니다 .. 어떻게 해야할지 아무 생각 : 또한

http://jsfiddle.net/KL6Ua/

, 나는 첫 번째 문제를 해결하기 위해 더 나은 방법이 있는지 모르겠습니다. 제발 조언 해줘.

감사합니다.

Answer 1

뭔가? 당신은 각각 요소 다음 단지 파이프 문자를 삽입 할 경우

$("<span>|</span>").insertAfter($('#divLinks a:not(:last)')); 

---

편집, 당신은 after 즉 http://jsfiddle.net/W6RQH/ 사용해야합니다

$('#divLinks a:not(:last)').after('|'); 

Answer 2

if(index != 0) 
     $(this).prepend(delimiter); 

확인 업데이트 .. http://jsfiddle.net/k8Fzk/ 같은

<div id="divLinks"> 
    <span><a href="">One</a></span> 
    <span><a href="">two</a></span> 
    <span><a href="">three</a></span> 
</div> 



$(function() { 

    var NumberOfLinks = $('#divLinks a').length; 

    $('#divLinks a').each(function(index) { 
     var delimiter = " | "; 

     if(index != 0) 
      $(this).parent().prepend(delimiter); 
    }); 
}); 

Answer 3

을 당신은 링크의 목록이 따라서 목록에 적절한 HTML 태그를 사용하는 것을 두려워하지 마십시오 (ul li). 그런 다음 요소 장식에 Javascript를 사용하지 마십시오. CSS가 더 나은 도구입니다.

http://jsfiddle.net/PcHSM/