Fatal编程技术网

Javascript can'；t显示值

javascript jquery

Javascript can'；t显示值,javascript,jquery,Javascript,Jquery,目标： 显示具有colspan属性的行及其值 问题： 单击“显示”链接后，不知道如何显示行及其值 //全金属男孩 我修好了：；-） 请参阅。如果您只发布有问题的代码，而不是发布您所有的代码，那么效果会更好。提示：如果您使用jQuery，那么请始终如一地使用它，特别是对于Ajax内容。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml

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

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

//全金属男孩

我修好了：；-）
请参阅。

如果您只发布有问题的代码，而不是发布您所有的代码，那么效果会更好。提示：如果您使用jQuery，那么请始终如一地使用它，特别是对于Ajax内容。 
<!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

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