javascript中如何获取表格当前单元格中的表单组件

<tr>
     <td>2</td>
     <td οnclick="editMainItem(1)" style="cursor:pointer">
      <span id="mainitema">主营业务收入</span>
      <span style="display: none;" id="mainitemb"><input type="text" name="itemName" value='主营业务收入'><input type="submit" value="Edit" class="Button"></span>
     </td>
    </tr>
   
    <tr>
     <td>3</td>
     <td οnclick="editMainItem(1)" style="cursor:pointer">
      <span id="mainitema">主营业务成本</span>
      <span style="display: none;" id="mainitemb"><input type="text" name="itemName" value='主营业务成本'><input type="submit" value="Edit" class="Button"></span>
     </td>
    </tr>
   
    <tr>
     <td>4</td>
     <td οnclick="editMainItem(1)" style="cursor:pointer">
      <span id="mainitema">笑嘻嘻</span>
      <span style="display: none;" id="mainitemb"><input type="text" name="itemName" value='笑嘻嘻'><input type="submit" value="Edit" class="Button"></span>
     </td>
    </tr>

如何Click   TD 操作当前TD中的两个span的属性?

请各位帮忙解决一下.......