Simple script, but could I have done it better.

Simple script, but could I have done it better.

I developed a very small script to look through a sharepoint announcement for attachment links, then convert them to thumbnails when the page loads. It all works, but I'm looking for feedback on what could have been done better:

HTML (don't have much control over it, sharepoint):
  2. <div style="width:100%;display:block;overflow:auto;" class="imthumbs"></div>
  3. <div style="padding: 6px 4px;width:100%;" class="imattach"><b>Attachments:</b><br/>
  4. <div style="margin-left:12px;margin-top:5px;">
  5. <TABLE border=0 cellpadding=0 cellspacing=0 id=idAttachmentsTable>
  6. <TR><TD class="ms-vb"><span dir="ltr"><a tabindex=1 href="/968/Mucker 2015 Adam.jpg">Mucker 2015 Adam.jpg</a></span></TD></TR>
  7. <TR><TD class="ms-vb"><span dir="ltr"><a tabindex=1 href="/968/Mucker 2015 Beta Amy.jpg">Mucker 2015 Beta Amy.jpg</a></span></TD></TR>
  8. <TR><TD class="ms-vb"><span dir="ltr"><a tabindex=1 href="/968/Mucker 2015 Cathy.jpg">Mucker 2015 Cathy.jpg</a></span></TD></TR>
  9. </TABLE>
  10. </div>
  11. </div>
and the jquery:
  2. $(document).ready(function(){

  4. $(".imattach").find("a").each(function(){
  5. var url = $(this).attr('href');
  6. if (url.toLowerCase().indexOf(".jpg") >= 0 || url.toLowerCase().indexOf(".gif") >= 0 || url.toLowerCase().indexOf(".png") >= 0)
  7. {
  8. var count = $(this).closest(".imattach").find("a").length;
  9. if (count < 2)
  10. {
  11. var imglink = '<a href="' + url + '"><img src="' + url + '" class="thumbsingle"/></a>';
  12. $(this).closest(".imcont").find(".imbody").prepend(imglink);
  13. }
  14. else
  15. {
  16. var imglink = '<a href="' + url + '"><img src="' + url + '" class="thumbinline"/></a>';
  17. $(this).closest(".imcont").find(".imthumbs").append(imglink);
  18. }
  19. }
  20. });
  22. });
Looking to get better, thanks a lot!