링크 내용에 따라 클래스를 추가하는 방법은 무엇입니까?

Question

.doc, .docx, .ppt .pptx, .txt와 같은 다른 문서에 대한 링크가있는 하나의 콘텐츠 페이지가 있습니다.

동적으로 클래스를 적용/추가하고 싶습니다. 링크 내용과 같습니다.

<h3><a href="document.pdf" class="pdf-file">Document.pdf</a></h3> 
.pdf-file { 
background:url(../images/pdf-file.png) right center no-repeat; padding-right:18px; 
} 

이것은 내가 수동으로 적용한 클래스입니다.

jQuery 솔루션을 선호합니다.

내 질문이 마음에 드시면 fav. :) 이

Answer 1

감사이 시도 :

$(document).ready(function() { 
    $('a[@href$=".pdf"]').addClass('pdflink'); 
    $('a[@href$=".doc"]').addClass('doclink'); 
    $('a[@href$=".docx"]').addClass('docxlink'); 
    $('a[@href$=".ppt"]').addClass('pptlink'); 
    //etc 
}); 

Answer 2

을 나는이 당신을 위해 무엇을 요구 정확히 아니라는 것을 알고 있지만,이 작업을 수행 할 이유 :

a[href*=".pdf"].icon { 
    background:url(../images/pdf-file.png) right center no-repeat; padding-right:18px; 
} 

이 방법을 사용하면 기술적으로하지 않습니다 자바 스크립트를 사용해야 할 때 CSS는 href 속성을 조사하고 적절한 CSS 속성을 적용 할 정도로 지능적입니다.

look at this article을 고려하십시오.