javascript - $(.class).empty 总是缺少一个元素

Question

在此处输入代码我在使用 jquery.empty() 时遇到了一点问题。我有一些如下所示的 Html Div:

<div id="Description_Error" class="ui-helper-hidden errorMessage"></div>
    <div id="Order_Error" class="ui-helper-hidden errorMessage"></div>
    <div id="ColorHex_Error" class="ui-helper-hidden errorMessage"></div>

这些 Div 在运行时会被一些 Uls 和 Lis 填满。它们基本上用于显示错误。现在，我正在清除在执行 POST 之前显示的所有错误。

我用

$('ui-helper-hidden errorMessage').empty();

为此。现在，我适合显示所有三个错误然后它会消除两个 bue 留下一个。如果它当时只显示一个错误，那么它根本不会被删除。我不确定为什么选课总是决定留下一个元素。无论如何，我试图在 Jsfiddler 上复制相同的行为，但它工作正常。我找不到关于我的代码可能有什么问题的线索。有什么建议吗？

这是适用于所有文件的 fiddler 链接。只是我的 HTMl 代码不能正常工作:

http://jsfiddle.net/g55Rs/3/

Answer 1

您既不是指类也不是元素标识符。

$('ui-helper-hidden errorMessage').empty();

要引用类，请使用 .，要使用元素标识符，请使用 #。

在您的情况下，这将清空所有 div:

// Selecting all elements which have both classes
$('.ui-helper-hidden.errorMessage').empty();

DEMO - 清空所有具有两个类的元素

我还在 DEMO 中添加了一些只有一个或另一个类的元素，以表明它们不受影响。