Dodawanie ikon przy linkach za pomocą jQuery

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Automatyczne ikony</title>
<style type="text/css">
li {
    margin: 5pt 0 0 5pt;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
    $("document").ready(function() {
        $("li a[href$=.pdf]").after("<img src='images/small_pdf_icon.gif' align='absbottom' />");
    });
</script>
</head>
<body>
<h1>Automatyczne ikony</h1>
<ul class="navlist" id="navlinks">
    <li><a href="link1.html">Link #1</a></li>
    <li><a name="#anchor1">Named Anchor Link</a></li>
    <li><a href="link2.html">Link #2</a></li>
    <li><a href="link1.pdf">Link #3</a></li>
    <li><a href="linkl.html">Link #4</a></li>
    <li><a href="linkl.html">Link #5</a></li>
    <li><a href="linkl.pdf">Link #6</a></li>
    <li><a href="linkl.html">Link #7</a></li>
    <li><a href="mailto:dominik@dominik.com">adres e-mailk</a></li>
</ul>
</body>
</html>

Tutaj znajdują się pliki projektu.