[jQ]依連結的檔案類型顯示圖示

<ul>
	<li><a href="http://localhost/demo.pdf">PDF檔案下載</a></li>
	<li><a href="http://localhost/demo.doc">Word檔案下載</a></li>
	<li><a href="http://localhost/demo.mp3">Mp3檔案下載</a></li>
	<li><a href="http://localhost/demo.zip">Zip檔案下載</a></li>
</ul>

$(function(){
	/* 判斷連結的內容，並依內容再連結後加上相對應的圖片 */
	$("a[href$='.mp3']").after("<img src="mp3.gif" alt="" align="absMiddle" />");
	$("a[href$='.pdf']").after("<img src="pdf.gif" alt="" align="absMiddle" />");
	$("a[href$='.doc']").after("<img src="word.gif" alt="" align="absMiddle" />");
	$("a[href$='.zip']").after("<img src="zip.gif" alt="" align="absMiddle" />");
});

$(function(){
	/* 判斷連結的內容，並依內容再連結後加上相對應的圖片 */
	$("a[href$='.mp3']").before("<img src="mp3.gif" alt="" align="absMiddle" />");
	$("a[href$='.pdf']").before("<img src="pdf.gif" alt="" align="absMiddle" />");
	$("a[href$='.doc']").before("<img src="word.gif" alt="" align="absMiddle" />");
	$("a[href$='.zip']").before("<img src="zip.gif" alt="" align="absMiddle" />");
});

$(function(){
	/* 判斷連結的內容，並依內容再連結後加上相對應的圖片 */
	$("a[href$='.mp3']").attr("target", "_blank").after("<img src="mp3.gif" alt="" align="absMiddle" />");
	$("a[href$='.pdf']").attr("target", "_blank").after("<img src="pdf.gif" alt="" align="absMiddle" />");
	$("a[href$='.doc']").attr("target", "_blank").after("<img src="word.gif" alt="" align="absMiddle" />");
	$("a[href$='.zip']").attr("target", "_blank").after("<img src="zip.gif" alt="" align="absMiddle" />");
});

$("a[href$='.自訂內容']").attr("target", "_blank").after("<img src="顯示圖檔" alt="" align="absMiddle" />");