如何部分删除div下a

<div id="zzz">
<a href="333">1</a>
<a href="335453">2</a>
<a href="33543">6</a>
<a href="354333">7</a>
</div>
如果只保留第一个a，其余的删除代码怎么写？谢谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

用鼠标选中,按 delete 键.
晕到
我是问用jquery怎么删除，呵呵
<div id="zzz">
<a href="333">1</a>
<a href="335453">2</a>
<a href="33543">6</a>
<a href="354333">7</a>
</div><input type="button" value="删除" id="func"/><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<script>$("#func").click(function(){
$("#zzz a:gt(0)").remove();
});</script>
简单的方法就是给<a>加上id,然后display掉。<html>
<head>
<title></title>
<script language="javascript">
function fsChange(){
document.all("aa1").style.display="none";
}
</script>
</head>

<body>
<div id="zzz">
<a id="aa1" href="333">1</a>
<a id="aa2" href="335453">2</a>
<a id="aa3" href="33543">6</a>
<a id="aa4" href="354333">7</a>
</div>
<input type="button" onclick="fsChange();" value="aaaaaaaaaa">
</body>
</html>
简单的方法是给<a>定义id 然后display掉
用jquery的话  方法很多的  看下api
简单的方法就是给<a>加上id,然后display掉。<html>
<head>
<title></title>
<script language="javascript">
function fsChange(){
document.all("aa1").style.display="none";
}
</script>
</head>

<body>
<div id="zzz">
<a id="aa1" href="333">1</a>
<a id="aa2" href="335453">2</a>
<a id="aa3" href="33543">6</a>
<a id="aa4" href="354333">7</a>
</div>
<input type="button" onclick="fsChange();" value="aaaaaaaaaa">
</body>
</html>
$("#zzz a:gt(0)").remove();
这样就搞定了。
给每个<a>定义id 然后display掉
document.all("要隐藏的<A>的id").style.display="none";
<!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>
</head><body>
<div id="zzz">
<a href="333">1</a>
<a href="335453">2</a>
<a href="33543">6</a>
<a href="354333">7</a>
<a href="dsheioe">9</a>
</div>
<script type="text/javascript">
var hr=document.getElementsByTagName("a");
var pr=document.getElementById("zzz");for(var i=hr.length-1;i>0;i--)
{   var zzz=hr[i].parentNode;
   pr.removeChild(hr[i]);}
</script>
</body>
</html>
<div id="zzz">
<a href="333">1</a>
<a href="335453">2</a>
<a href="33543">6</a>
<a href="354333">7</a>
</div><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<script>
$(function(){
//选择id为zzz的div的index大于0的所有a子元素，即第一个a子元素不选，
//后面的三个a子元素全选，然后把选择的三个a子元素全部删除。
$("#zzz a:gt(0)").remove();
    });
</script>
<!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>
<title>111</title>
</head>
<body>
<div id="az">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">6</a>
<a href="#">7</a>
</div>
<script type="text/javascript">
  var id = document.getElementById("az");
  var linka = id.getElementsByTagName("a");
  //alert(linka.length);
  for(i=0;i<4;i++){
   if(i==0) continue;
id.removeChild(linka[i]);
//alert(linka[i].innerHTML);
  }

</script>
</body>
</html>我这么怎么不对？移除不完？
<!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>
<title>111</title>
</head>
<body>
<div id="az">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">6</a>
<a href="#">7</a>
</div>
<script type="text/javascript">
  var id = document.getElementById("az");
  var linka = id.getElementsByTagName("a");
  //alert(linka.length);
  for(i=0;i<4;i++){
   if(i==0) continue;
id.removeChild(linka[i]);
//alert(linka[i].innerHTML);
  }

</script>
</body>
</html>我这个怎么移除不完？？找不到原因了，求看一下
代码应该是这样的：
<!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>
<title>111</title>

</head>
<body>
<div id="az">
     <a href="#">1</a>
     <a href="#">2</a>
     <a href="#">6</a>
     <a href="#">7</a>
</div>
<script type="text/javascript">
    var id = document.getElementById("az");
    var linka = id.getElementsByTagName("a");
    for(i=0;i<4;i++){
        if(i==0) continue;
     id.removeChild(linka[1]);
    }

</script>
</body>
</html>
<html>
<head>
<script>
function test()
{
var list = document.getElementById("zzz").getElementsByTagName("a");
for(var i = 0;i < list.length;i++)
{
if(i != 0)
{
list[i].style.display = "none";
}
}
}
</script>
</head>
<body>
<div id="zzz">
<a href="333">1</a>
<a href="335453">2</a>
<a href="33543">6</a>
<a href="354333">7</a>
</div>
<input type="button" onclick="test()"/>
</body>
</html>