如何根據鏈接內容添加類別？

我有一個內容頁面，其中有不同文檔的鏈接，如.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。 :) 感謝

來源

2010-01-18 Wasim Shaikh

試試這個：

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

來源

2010-01-18 09:57:49 Sarfraz

我知道這是不是正是你問什麼，但爲什麼不能做到這一點：

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

這種方式在技術上不需要使用JavaScript，CSS足夠聰明，可以詢問href屬性並應用適當的CSS屬性。

考慮有一個look at this article。

來源

2010-01-18 09:58:01

如何根據鏈接內容添加類別？

回答

相關問題