無法顯示值

-4

目標：
顯示具有屬性colspan的行及其值。無法顯示值

問題：
不知道如何在點擊鏈接「display」後顯示行及其值。

// Fullmetalboy

<!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

來源

2011-07-09 What' sUP

如果你只是發佈有問題的代碼，而不是*你擁有的所有東西，它會更加有效。 –

提示：如果您使用的是jQuery，那麼請始終使用它，*特別是*用於Ajax內容。 –