web

 <title></title>
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#tab1 tr:first").css("background-color", "green");
            $("#tab1 td").click(function () {
                $(this).focus();
            });
        });
    </script>
</head>
<body>
<table border="1" id="tab1">
<tr><td colspan="4">鼠标单击表格就可以修改文本</td></tr>
<tr><td>学号</td><td>姓名</td><td>学号</td><td>姓名</td></tr>
<tr><td>11</td><td>aa</td><td>13</td><td>dd</td></tr>
<tr><td>12</td><td>ss</td><td>14</td><td>ff</td></tr>
</table>
</body>
</html>
当单击单元格时咋不能获得焦点？

解决方案 »

  1.   

    像有些<input type="text" />获取焦点意义很重要，但一个<span>或甚至文本节点，获取焦点后期望它能做什么呢，如果期望编辑内容，那需要更多的工作。
      

  2.   

    使用one绑定一次点击事件，把<td>元素的内容用一个可编辑的<div>包含起来
    $(document).ready(function () {
    $("#tab1 tr:first").css("background-color", "green");
    $("#tab1 td").one('click', function () {
    $(this).html('<div contentEditable="true">' + $(this).html() + '</div>');
    });
    });
      

  3.   

    就像Jusfr说得一样，你想focus在一个td上做什么呢？