[新手问题]只会隐藏，不会删..


<!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>
<input type="text" value="999-2323232323/3"/><span style="cursor:pointer; color:#06F;" onclick="delect_me(this)">X</span>
<br />
<input type="text" value="999-2323232323/3"/><span style="cursor:pointer; color:#06F;" onclick="delect_me(this)">X</span>
<br />
<input type="text" value="999-2323232323/3"/><span style="cursor:pointer; color:#06F;" onclick="delect_me(this)">X</span>
<br />
<input type="text" value="999-2323232323/3"/><span style="cursor:pointer; color:#06F;" onclick="delect_me(this)">X</span>
<script>
function delect_me(phz)
{
    phz.style.display="none";
phz.previousSibling.style.display="none";

}
</script>
</body>
</html>
效果：点击“X”删掉这个“X”号和它前面的一个input。怎么删掉？而不是隐藏呢？请教大家。虚心学习。