javascript - 遍历元素列表并隐藏它们

Question

在 javascript (jquery) 中，我正在检索以“#error-”开头的元素列表。这工作正常。我遇到的问题是在遍历数组时无法为数组的元素赋值。

我正在使用这个函数:

function HideErrorMessages(){
    var errors = $('*[id^="error-"]');
    for (var i = 0; i < errors.length; i++) {
        errors[i].css('display', none);
    }
}

如您所见，我尝试了这种“css”可能性。不起作用。 我也试过:

• 错误[i].hide();
• 错误[i].style.display = '无';

但是当使用“alert(errors[i])”时，我得到一个响应，表明它包含一个“span”元素列表(这是正确的)。

那么我该如何隐藏这个循环中的元素呢？

谢谢!

Answer 1

尝试在 jquery 对象上调用 .hide()，

$('[id^="error-"]').hide();

您不需要一个一个地遍历这些元素。如果您通过括号表示法从 jquery 对象中获取元素，那么它将返回 native javascript DOM 节点。所以 .css() 会导致错误，因为它不是 DOM 节点的一部分。