<script language=javascript >
 function getIndex(obj){
 var tdObj=obj.parentNode
 var allButton=tdObj.getElementsByTagName("button")
   for(var i=0;i<allButton.length;i++){
    if(allButton[i]==obj){
        alert(i+1)
        return
    }
   }
 
 }
 </script>
 
 <table>
 <tbody id="conyTableDown0">
<tr class="recBody" height="24px">
  <td align="right" colspan="1">
     <button ID="Button1" onclick=getIndex(this)> </button>
     <button ID="Button2" onclick=getIndex(this)> </button>
     <button ID="Button3" onclick=getIndex(this)> </button>
  </td>
</tr>
</tbody><tbody id="conyTableDown1">
<tr class="recBody" height="24px">
  <td align="right" colspan="1">
     <button ID="Button4" onclick=getIndex(this)> </button>
     <button ID="Button5" onclick=getIndex(this)> </button>
     <button ID="Button6" onclick=getIndex(this)> </button>
  </td>
</tr>
</tbody><tbody id="conyTableDown3">
<tr class="recBody" height="24px">
  <td align="right" colspan="1">
     <button ID="Button7"> </button>
     <button ID="Button8"> </button>
     <button ID="Button9"> </button>
  </td>
</tr>
</tbody> </table>

解决方案 »

  1.   

    <table id="table1">
    <tbody id="conyTableDown0">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button onclick="getIndex(this)">asd</button>
         <button onclick="getIndex(this)">asd</button>
         <button onclick="getIndex(this)">asd</button>
      </td>
    </tr>
    </tbody><tbody id="conyTableDown1">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button onclick="getIndex(this)">asd</button>
         <button onclick="getIndex(this)">asd</button>
         <button onclick="getIndex(this)">asd</button>
      </td>
    </tr>
    </tbody><tbody id="conyTableDown3">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button onclick="getIndex(this)">asd</button>
         <button onclick="getIndex(this)">asd</button>
         <button onclick="getIndex(this)">asd</button>
     <div id="kkk">
      <div></div>
     </div>
      </td>
    </tr>
    </tbody>
    </table>
    <script language="JavaScript">
    <!--
    function setIndex(){
    var trObj = table1.all.tags("tr")

    for( var i = 0 ; i < trObj.length ; i ++ ){
    if( trObj[i].className == "recBody" ){
    btnObj = trObj[i].all.tags("button")
    for( var j = 1 ; j <= btnObj.length ; j ++ ){
    btnObj[j-1].index = j
    }
    }
    }
    }
    setIndex()function getIndex(which){
    alert(which.index)
    }
    //-->
    </script>
      

  2.   

    谢谢shyslysky(飞天),
    如果我要改成这样怎么改啊.谢谢咯。要求一样.我对js真的不熟啊
    <tbody id="conyTableDown0">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    </tbody><tbody id="conyTableDown1">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    </tbody><tbody id="conyTableDown3">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    </tbody>
      

  3.   

    <table id="table1">
    <tbody id="conyTableDown0">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    </tbody><tbody id="conyTableDown1">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    </tbody><tbody id="conyTableDown3">
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    <tr class="recBody" height="24px">
      <td align="right" colspan="1">
         <button> </button>
      </td>
    </tr>
    </tbody>
    </table>
    <script language="JavaScript">
    <!--
    function setIndex(){
    var trObj = table1.all.tags("tr")

    for( var i = 0 ; i < trObj.length ; i ++ ){
    if( trObj[i].className == "recBody" ){
    btnObj = trObj[i].all.tags("button")
    for( var j = 1 ; j <= btnObj.length ; j ++ ){
    btnObj[j-1].index = j
    btnObj[j-1].onclick=function(){getIndex(this)}
    }
    }
    }
    }
    setIndex()function getIndex(which){
    alert(which.index)
    }
    //-->
    </script>
      

  4.   

    <script language=javascript >
     function getIndex(obj){
     var tdObj=obj.parentNode.parentNode.parentNode
     var allButton=tdObj.getElementsByTagName("button")
       for(var i=0;i<allButton.length;i++){
        if(allButton[i]==obj){
            alert(i+1)
            return
        }
       }
     
     }
     </script>