无法显示值答案

【问题标题】：can't display value无法显示值
【发布时间】：2011-07-09 11:38:20
【问题描述】：

目标：
显示具有 colspan 属性的行及其值。

问题：
点击“显示”链接后，不知道如何显示该行及其值。

// 全金属男孩

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <link rel="stylesheet" type="text/css" href="layout.css" />

        <script src="jquery-1.6.1.js" type="text/javascript"></script>
        <script src="custom.js" type="text/javascript"></script>    
        <title>index</title>

    </head>

    <body>

        <table border="1" SUMMARY="aaa" id="tblProjekt">
          <thead>
            <tr>
              <th>Projekt name</th>
              <th>Total time</th>
              <th>Task</th>
              <th>comments</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>aaa</td>
              <td>aaa</td>
              <td>aaa</td>
              <td>aaa</td>
            </tr>
            <tr>
              <td>aaa</td>
              <td>aaa</td>
              <td>aaa</td>
              <td>aaa</td>
            </tr>
            <tr id="asdf">
                <td colspan="4">bbbb</td>
            </tr>           
            <tr>
              <td>aaa</td>
              <td>aaa</td>
              <td>aaa</td>
              <td>aaa</td>
            </tr>       
          </tbody>
        </table>        

        <a href="" class=submit>display</a>
    </body>
</html>

$(document).ready(init);

function init() 
{
    $("#asdf").hide();

    var tabell = document.getElementById("tblProjekt");
    var newRow = tabell.insertRow(tabell.rows.length);
    var newAttrColspan = document.createAttribute("colspan");
    newAttrColspan.nodeValue = 4;

    newRow.className = "aaa";

    var newCell = newRow.insertCell(0);
    newCell.setAttributeNode(newAttrColspan);
    newCell.innerHTML = "asdf";

    $(".aaa").hide();
}

$('.submit').click(function()
{
    $(".aaa").show();

    $("#asdf").show();

}); // saveForm

【问题讨论】：

如果您可以只发布有问题的代码，而不是您拥有的所有内容，那会更有效。
提示：如果您使用 jQuery，请始终如一地使用它，尤其是用于 Ajax 的东西。

标签： javascript jquery

【解决方案1】：

我修好了：^;-)

<a href="#" class="submit">display</a>

见demonstration fiddle。

【讨论】：