怎么获取这个节点


<!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=gb2312" />
<title>无标题文档</title>
</head><body>
<script language="javascript">
function ss(obj)
{
alert(obj.parentNode);
}
</script><div id="divtian">
<table>
<tr>
<td width="214"><label></label></td>
<td width="78">
待审核</td>
<td width="89"><label>
  <input name="cl_price" type="text" size="10" />
</label></td>
<td width="88">优</td>
<td width="96">&nbsp;</td>
<td width="119">
4-6 </td>
<td width="69">0-10</td>
<td width="64"><a href="javascript:ss(this)">删除</a></td>
</tr>

</table>
<table>
<tr>
<td width="214"><label></label></td>
<td width="78">
待审核</td>
<td width="89"><label>
  <input name="cl_price" type="text" size="10" />
</label></td>
<td width="88">优</td>
<td width="96">&nbsp;</td>
<td width="119">
4-6 </td>
<td width="69">0-10</td>
<td width="64"><a href="javascript:ss(this)">删除</a></td>
</tr>

</table> </div>
</body>
</html> 
 
点击删除后链接所在的这个table 就没了,其他table还有

解决方案 »

  1.   

    代码这样写都获取不到<td>
      

  2.   


    <div id="divtian">
        <table>
        <tr>
        <td width="214"><label></label></td>
        <td width="78">
        待审核</td>
        <td width="89"><label>
          <input name="cl_price" type="text" size="10" />
        </label></td>
        <td width="88">优</td>
        <td width="96">&nbsp;</td>
        <td width="119">    4-6    </td>
        <td width="69">0-10</td>
        <td width="64"><a href="#" onclick="ss(this)">删除</a></td>
    <!-- 这里改成onclick触发了，放在href里好像取不到this？？ -->
        </tr>
        
        </table>
    <table>
        <tr>
        <td width="214"><label></label></td>
        <td width="78">
        待审核</td>
        <td width="89"><label>
          <input name="cl_price" type="text" size="10" />
        </label></td>
        <td width="88">优</td>
        <td width="96">&nbsp;</td>
        <td width="119">   4-6    </td>
        <td width="69">0-10</td>
        <td width="64"><a href="#" onclick="ss(this)">删除</a></td>
        </tr>
        
        </table>    </div> <SCRIPT LANGUAGE="JavaScript">
    <!--
    function ss(obj){
    var tabObj = obj.parentElement.parentElement.parentElement.parentElement;
    //a.td.tr.tbody.table
    tabObj.style.display = "none";
    }
    //-->
    </SCRIPT>
      

  3.   


    $(document).ready(function(){
        $('#Div2').animate({'width':300,'background-color':'red'},1000); 
    $("a").click(function(){
            $(this).parent().parent().remove();
    });
    });jquery的代码
      

  4.   

    js应该是这样function ss(obj)
    {
        //alert("sss");
    obj.parentNode.parentNode.parentNode.style.display = 'none';
    }
      

  5.   

    好的解决了，不过我想问一下问什么obj.parentElement.parentElement.parentElement.parentElement需要四次来？obj.parentElement - <td>obj.parentElement.parentElement - <tr>obj.parentElement.parentElement.parentElement - <table>obj.parentElement.parentElement.parentElement.parentElement - <div>这样不就div remove div了吗？
      

  6.   

    6楼jquery 只能给<a> 添加吗？不能具体到哪个超链接吗？或者只能通过name或id确定是哪个超链接？$(document).ready(function(){
        $('#Div2').animate({'width':300,'background-color':'red'},1000); 
        $("a").click(function(){
            $(this).parent().parent().remove();
        });
    });
      

  7.   


    看3楼代码，倒数第5行的注释
    //a.td.tr.tbody.table