javascript - 如何使用 jQuery 验证 HTMLLIElement 是否被隐藏

Question

我正在遍历一个名为 content 的变量，它包含几个 HTMLLIElement 对象。我如何对这个对象使用 jQuery 或 JavaScript 的函数？我想做的是在注释代码中编写的那种验证。

    $.each(content, function(index, value){
         //if(!value.is(':hidden')){
              console.log(index + ' : ' + value);
         //}
    });

我得到的是

Uncaught TypeError: Object # has no method 'is'

如果我执行 value.getAttribute('style'); 我会得到 'display: none;'

Answer 1

$.each 函数中的第二个参数引用了一个 DOM HTMLLIElement 元素。要将诸如 is 之类的 jQuery 方法应用于它，您必须将 value 元素包装在 jQuery 对象中:

if(!$(value).is(':hidden')) {

Fiddle .

正如@anonymousdownvotingislame 所指出的，if($(value).is(':visible')) 可能更具可读性，因为人脑往往难以解释双重否定，更不用说你了不必使用 not ! 运算符。谢谢。 =]