标记div的替代方法

时间:2012-08-20 14:32:34

标签: jquery html

我可以用另一种方式标记我的div,以实现我在这里尝试做的事情。我有这个称为错误的主要div,它将显示所有错误消息。问题是,我的表单输入区域和其他指令文本之间需要介入,因为错误消息和文本需要出现在它们下面。当我执行$('#errors div').empty();时,所有指令文本和其他内容都被清除,因为它全部在<div id="errors">下标记这3个div(eUname,ePwd,eMail)的任何替代方式,因此它仍然在标签下“错误“?

<div id="form">
  <div id="errors">
     //Input field and other instruction text goes here with its own id
  <div id="eUname"></div>
    //Input field and other instruction text goes here with its own id
  <div id="ePwd"></div>
    //Input field and other instruction text goes here with its own id
  <div id="eMail"></div>
 </div>
</div>

类似的东西:

<div id="errors" id="eUname" ></div>

1 个答案:

答案 0 :(得分:5)

您可能希望在所有错误div上使用class="error"

<div id="form">
    <div class="error" id="eUname">Error here</div>
    <div class="error" id="ePwd">Error here</div>
</div>

这意味着您可以像这样使用jQuery:

$('.error').empty();

在相关说明中,您可以考虑浏览htmlDog

上的一些教程