how to automatic append picture to a list? check text in span,if it match today,a picture append after meeting(4-22)

code like this.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style type="text/css">
.li_title {            list-style-type:none;

                       font-size:12px;
                       line-height:24px;
                       
                       }
.date {float:right;margin-right:3px;}


  </style>
</HEAD>

<BODY>
  <DIV id=Conttab_p_switch1 style="POSITION: relative">
            <UL>
                     <LI class="li_title"><span class="date">2011-04-22</span><A title=meeting(4-22) href="#" target=_blank>meeting(4-22)</A></LI> 
                     <LI class="li_title"><span class="date">2011-04-11</span><A title=meeting(4-11) href="#" target=_blank>meeting(4-11)</A></LI> 
                     <LI class="li_title"><span class="date">2011-04-04</span><A title=meeting(4-04) href="#" target=_blank>meeting(4-04)</A></LI> 
                                                          
             </UL>
      </DIV>
</BODY>
</HTML>