Wie erkennt man verknüpfte PDF-Dateien auf einer Seite und zeigt eine Meldung zum Herunterladen von Adobe Reader mithilfe von jquery an?

Wenn auf der Seite PDF-Dateien verlinkt sind, wird eine Nachricht in angezeigt<p> sollte kurz vor dem Ende des#mainontent Div als letzten Absatz<p>

Zum Beispiel ist dies Standard-HTML?

<div id="maincontent">
<ul class="cheat_sheet_downloads">
<li><a href="http://www.addedbytes.com/download/css-cheat-sheet-v2.pdf">PDF, 316Kb</a></li>
<li><a href="http://www.addedbytes.com/download/css-cheat-sheet-v3.pdf/">PNG, 77Kb</a></li>
</ul>
<div>

Nach dem Erkennen von PDF

es sollte so sein

<div id="maincontent">
    <ul class="cheat_sheet_downloads">
    <li><a href="http://www.addedbytes.com/download/css-cheat-sheet-v2.pdf/">PDF, 316Kb</a></li>
    <li><a href="http://www.addedbytes.com/download/css-cheat-sheet-v3.pdf/">PNG, 77Kb</a></li>
    </ul>
<div>

<div id="ttip">
Most computers will open PDF documents automatically, but you may need to 
download <a title="Link to Adobe website - opens in a new window"  
href="http://www.adobe.com/products/acrobat/readstep2.html" target="_blank">
                 Adobe Reader</a>.
</div>

oder als ein anderer div danach#maincontent div. Ist das mit jquery möglich?

Bearbeiten:

Die Seite kann eine oder mehrere PDF-Dateien enthalten, die ich unten hinzufügen möchte. und ich brauche auch IE 6-Kompatibilität

Bearbeiten 2: Ich kann und möchte nicht mit der Maus über den Tooltip fahren

Antworten auf die Frage(2)

Ihre Antwort auf die Frage