给每个td绑定事件

利用jquery方式
$("#tblpointfeature TBODY TD") .bind("dblclick", function() { alert('gyy') })
结果是有几个td,双击时就alert几次而我想要的结果是双击时就alert一次,该怎么改呢???另外,如何alert的是这个单元格的第几行第几列呢???

解决方案 »

  1.   

    循环给td绑定事件
    td.onclick=function(){}
      

  2.   

    你用的jquery哪个版本. jquery1.4用delegate
    如果用原生js 那么也使用事件代理. 把onclick绑在table上. 然后通过event.target.tagName == 'TD'
    来判断
      

  3.   

    $("#tblpointfeature TBODY TD") .bind("dblclick", function() { 
          alert('gyy');
          return false;
     })
      

  4.   

    <script>
    function test(){
    var poss = document.getElementsByTagName("td");
    for(var i=0;i<poss.length;i++){
    var obj = poss[i];
    if(window.navigator.appName.indexOf("Microsoft")>-1){
    obj.attachEvent("onclick",function(e){
    e = e||window.event;
    var target = e.target||e.srcElement;
    alert("列："+target.parentNode.rowIndex+"列："+target.cellIndex);
    });
    }else 
    obj.addEventListener("click",function(e){
    e = e||window.event;
    var target = e.target||e.srcElement;
    alert("列："+target.parentNode.rowIndex+"列："+target.cellIndex);
    },true);
    }
    }
      window.onload = test;
      </script>
     </HEAD> <BODY>
      <table><tr><td>tttttttt</td><td>dddddd</td><td>ggggg</td></tr><tr><td>tttttttt</td><td>dddddd</td><td>ggggg</td></tr></table>
     </BODY>
      

  5.   


    $("#tblpointfeature TBODY TD").each(function(){
    $(this).bind("dblclick", function() { alert('gyy') })
    });