jquery 有没有办法在input框后边追加一个层？

主要是表单验证做提示用的-。-
试下来好像没法在input后边添一个层，append之类的都是在层后边追加层-。-
各位大虾有什么好办法吗？

解决方案 »

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

after() 在外面加？
你的意思是？
这种？
$("yourInput").append("<span style='color:red'>error</span>");
<td><input />..(在这加-。-)..</td>有没有办法不用层的？
这种？<!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></title>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btn').click(function () {
                $("#userName").after("<span style='color:red'>错误</span>");
            });
        });
    </script>
</head>
<body>
<input type="text" id="userName" />
<br /><input id="btn" type="button" value="验证" />
</body>
</html>
这样？<!doctype html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>test</title>
  </head>
  <body>
  <table border="1">
<tr><td>姓名：</td><td><input type="text" id="abc"/></td></tr>
  </table>
  <script type="text/javascript">
  window.onload = function(){
document.getElementById("abc").onblur=function(){
var tb = document.getElementById("abc");
var span = document.createElement("span");
span.innerHTML = "error";
span.style.backgroundColor = "red";
tb.parentNode.appendChild(span);
}
  }
  </script>

  </body>
  </html>
-。-再问一下，怎么去掉这个层？ after有逆向函数么？还是用style让它隐掉？
var div = document.createElement("div");//层
document.getElementById("input").parentNode.appendChild(div)
移除
$('.error').remove()
.error 是错误的css样式
.error{
    color:red;
}