[求助]较难的js问题,在线苦等

本帖最后由 fanfan622 于 2011-09-24 09:53:51 编辑

解决方案 »

  1.   

    比如鼠标点在“第一中学”的位置就能选中<td>第一中学</td>的效果
    楼主 所谓的 选中 是什么意思？ 
      

  2.   

    选中，那你应该在td标签中加个文本框啊，不然怎么选中
     <input type="text">
      

  3.   

    选中效果就是 鼠标点在"第一中学"后，前后的<td></td>上加一个效果，比如边框变成红色，可以让用户看出来他点的是这个区域
      

  4.   

    目的就是运行这个aa.html的时候，用户在看到的界面上点不同的区域，该区域的边框就变色，可以让用户知道他点的是这个区域。区域如，鼠标光标点在“第一中学”这块，<td>第一中学</td>的边框就变色。类似于Dreamweaver的操作界面
      

  5.   

    <html><head></head><body>
    <div>
      <table border="1" cellpadding="10">
        <tr>
        <td><table><tr><td>实验一</td></tr></table></td>
        </tr>
        <tr>
        <td>学校</td>
        <td>班级</td>
        <td>姓名</td>
        </tr>
        <tr>
        <td>第一中学</td>
        <td>二班</td>
        <td>小明</td>
        </tr>
        <tr>
        <td>第一中学</td>
        <td>二班</td>
        <td>张三</td>
        </tr> 
      </table>
    </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script>
    $('td').click(function(){
    $(this).parent().children().css('border','1px solid red').end().siblings().children().css('border-color','#ddd')
    })
    </script>
    </body></html>楼主 这个意思？
      

  6.   

    用纯js可以，但是比较费劲，且可能有兼容问题
    jquery可巧用closest()和parents()方法，代码如下：
    <html>
    <head>
    <script src='http://code.jquery.com/jquery-latest.js'></script>
    <script>
    $(function(){
    $(document).click(function(e){
    var parents=$(e.target).closest('td').css('color','red').parents();
    parents.each(function(index,parent){
    alert(parent.tagName)
    })
    })

    })
    </script>
    <style>
    td{
    border:solid 1px red;
    }
    </style>
    </head>
    <body>
    <div>
      <table>
        <tr>
        <td><table><tr><td>实验一</td></tr></table></td>
        </tr>
        <tr>
        <td>学校</td>
        <td>班级</td>
        <td>姓名</td>
        </tr>
        <tr>
        <td>第一中学</td>
        <td>二班</td>
        <td>小明</td>
        </tr>
        <tr>
        <td>第一中学</td>
        <td>二班</td>
        <td>张三</td>
        </tr> 
      </table>
    </div>
    </body>
    </html>
      

  7.   


     <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
    <style type="text/css">
    .select{
        border:1px red solid;
    }
    </style>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
     <script type="text/javascript">
    $(function(){
        var lastClickEle = "";
        $(document.body).click(function(event){
        var evt = window.event || event;
    var tar = evt.target || evt.srcElement;
    if(tar.tagName == "TD" && tar.firstChild.nodeType != 1){     
    var parentInfo = "";
    if(lastClickEle){
    $(lastClickEle).removeClass("select");
    }
    lastClickEle = tar;
    $(tar).addClass("select");
        for(var parent = tar.parentNode;parent.tagName != "HTML";parent = parent.parentNode){
        parentInfo += "<" + parent.tagName.toLowerCase() + ">";
    }
    alert(parentInfo);
    }
    else{return false;}
    }); 
    });
    </script>   
    </head>
    <body>
    <div>
      <table>
        <tr>
          <td><table><tr><td>实验一</td></tr></table></td>
        </tr>
        <tr>
          <td>学校</td>
          <td>班级</td>
          <td>姓名</td>
        </tr>
        <tr>
          <td>第一中学</td>
          <td>二班</td>
          <td>小明</td>
        </tr>
        <tr>
          <td>第一中学</td>
          <td>二班</td>
          <td>张三</td>
        </tr> 
      </table>
    </div></body>
    </html>不知道是不是楼主要的效果
      

  8.   

    jquery.....$(.tablename).click({
        function(){
           //code 
        }
    })