读取table>td>a 标签名称类型为*jpg并且第一个出现的

Question

<table  class="TableList" id="Accessories">
    <tr class="tt">
      <td ><div style="float:left"><img src="/images/green_arrow.gif" align="absmiddle"> 公共附件区</div></td>
    </tr>
     <tr class="1">
       <td>
<span id="123">
<a class="attach_name">1.txt</a></span><br>
      </td>
    </tr>
     <tr class="2">
      <td>
<span id="456">
<a href="/a/b.php?E=20110326063.jpg"class="attach_name">2.jpg</a></span><br>
      </td>
     </tr>
      <tr class="1">
      <td>
<span id="456">
<a class="attach_name">3.txt</a></span><br>
      </td>
     </tr>
      <tr class="2">
      <td>
<span id="456">
<a class="attach_name">4.jpg</a></span><br>
      </td>
     </tr>
</table>
这样读取的就是 2.jpg是第一个出现的图片所以读取到 2.jpg的路径的路径"/a/b.php?E=20110326063.jpg"
4.jpg第二个不读取

Answer 1

            var tds =  document.getElementById("Accessories").getElementsByTagName("td");
            for(var i = 0 ; i<tds.length ; i++){
               var links = tds[i].getElementsByTagName("a");
               for(var j = 0 ; j<links.length ; j++){
                   if(  links[j].innerHTML.indexOf(".jpg")!=-1){
                    alert(links[j].href);
                   }
               }
            }
            
            这样 ? 4.jpg的href是空的 。