js 控制table

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
</style>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
    $("#add").click(function(){
         $("table").append("<tr align='center'>"+
                               "<td height='25'>&nbsp;1</td>"+
                               "<td width='141'>&nbsp;2</td>"+
                               "<td width='60'>&nbsp;3</td>"+
                               "<td width='60'>&nbsp;4</td>"+
                               "<td width='248' colspan='3'>5&nbsp;</td>"+
                               "<td width='163'>&nbsp;6</td>"+
                           "</tr>")
    });
    $("#delete").click(function(){
        if($("table tr:gt(0)").html() != null){                        
            $("table tr:last").remove();
        }
    });
});
</script>
</head><body>
<table width="100%" border="1" bordercolor="#000000" cellpadding="1">  <tr align="center">
      <td width="136" height="25">&nbsp;</td>
      <td colspan="7">&nbsp;</td>
  </tr>
  <tr align="center">
      <td height="25">&nbsp;1</td>
      <td width="141">&nbsp;2</td>
      <td width="60">&nbsp;3</td>
      <td width="60">&nbsp;4</td>
      <td width="248" colspan="3">5&nbsp;</td>
      <td width="163">&nbsp;6</td>
  </tr>
    <tr align="center">
      <td height="25">&nbsp;1</td>
      <td width="141">&nbsp;2</td>
      <td width="60">&nbsp;3</td>
      <td width="60">&nbsp;4</td>
      <td width="248" colspan="3">5&nbsp;</td>
      <td width="163">&nbsp;6</td>
  </tr>
</table>
<table width="100%" border="1" bordercolor="#000000" cellpadding="1">
</table>
<input type="button" id="add" value="增加一行" />
<input type="button" id="delete" value="减少一行" />
</body>
</html>
jquery：
有2个table，如何控制 只增加或删除其中一个table的行？哪位帮忙改下 代码？

解决方案 »

  1.   


    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    </style>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(document).ready(function(){
      $("#add").click(function(){
      $("table#test").append("<tr align='center'>"+
      "<td height='25'>&nbsp;1</td>"+
      "<td width='141'>&nbsp;2</td>"+
      "<td width='60'>&nbsp;3</td>"+
      "<td width='60'>&nbsp;4</td>"+
      "<td width='248' colspan='3'>5&nbsp;</td>"+
      "<td width='163'>&nbsp;6</td>"+
      "</tr>")
      });
      $("#delete").click(function(){
      if($("table#test tr:gt(0)").html() != null){   
      $("table tr:last").remove();
      }
      });
    });
    </script>
    </head><body>
    <table width="100%" border="1" bordercolor="#000000" cellpadding="1">  <tr align="center">
      <td width="136" height="25">&nbsp;</td>
      <td colspan="7">&nbsp;</td>
      </tr>
      <tr align="center">
      <td height="25">&nbsp;1</td>
      <td width="141">&nbsp;2</td>
      <td width="60">&nbsp;3</td>
      <td width="60">&nbsp;4</td>
      <td width="248" colspan="3">5&nbsp;</td>
      <td width="163">&nbsp;6</td>
      </tr>
      <tr align="center">
      <td height="25">&nbsp;1</td>
      <td width="141">&nbsp;2</td>
      <td width="60">&nbsp;3</td>
      <td width="60">&nbsp;4</td>
      <td width="248" colspan="3">5&nbsp;</td>
      <td width="163">&nbsp;6</td>
      </tr>
    </table>
    <table width="100%" border="1" bordercolor="#000000" cellpadding="1" id="test">
    </table>
    <input type="button" id="add" value="增加一行" />
    <input type="button" id="delete" value="减少一行" />
    </body>
    </html>
      

  2.   

    $("table") --> $("table:first")