jQuery将div覆盖在论坛字段上

假设我做了一个大表格。
让表单的一个元素如下所示：

<form>
...

<tr>
<td><div id="username"><input name="username" id="username" type="text"/></div></td>
</tr>

...
</form>

现在php以这种格式返回json

[{id:formelementid，error:The error}]

问题： 如何用class

errors

完全覆盖一个div和其中的错误为简单起见，让div成为

#username

？

---

演示会非常好

这是一个CSS问题：

.errors {
    position:absolute;
    z-index:2; /* Or higher than parent div */
    width:100%;
    height:100%;
    background-color:#FFF; /* Whatever */
}

如果要使用JQuery追加此div，请使用：

---

你忘了在左边的菜单中选择JQuery：）是的，但是现在我选择了，但是仍然没有按照我想要的方式工作。看到这个：它附加在按钮上，但是我想要它覆盖输入feildAh，这是完全不同的兄弟。不能在

中添加DOM节点。你真的不想那样做。只需修改标签的样式：这意味着我们不能将div覆盖作为输入：O

$("#submiter").click(function() {
    $.post("submiter.php",
        $("#formmain").serialize(),
        function(data) {
        $.each(data,function(){
          id=thisid;
          error=this.error;
          //want some code here to over lay div with the id got with this.id
        }) },'json')
});

.errors {
    position:absolute;
    z-index:2; /* Or higher than parent div */
    width:100%;
    height:100%;
    background-color:#FFF; /* Whatever */
}

$('<div class="errors"/>').appendTo('#my_form');

$("#submiter").click(function() {
    $.post("submiter.php",
        $("#formmain").serialize(),
        function(data) {
            var errors = '';
            $.each(data,function(){
                id=thisid;
                error=this.error;
                errors += error + '<br />'; 
            });
            $('<div class="errors"/>').appendTo('#my_form').html(errors); 
        },'json')
});

$('.errors').live('click',function(){
    $(this).remove();
});