javascript - 使用 .each() 具有空输入字段的 Jquery 标记部分

Question

我有多个部分，每个部分都有表单输入字段（文本和文本区域）。加载页面后，我想查看每个部分，如果该部分中的所有输入字段均为空，我想向该部分添加一个类。

这样做的目的是让我可以添加一个侦听器和 slideToggle 这些部分。

这是我尝试过的代码：

$('.hide-toggler').each(function() {

    var populatedFields = $(this).parent().siblings('.section-wrap')
                            .find('input:text[value!=""], textarea[value!=""]');

    if(populatedFields.length === 0) {
            $(this).addClass('toggle');
    }
});

这是我的 JS 代码：http: //jsfiddle.net/QRHgW/5/

我不确定为什么这对我不起作用。任何帮助，将不胜感激。

谢谢！

Answer 1

使用和filter返回类型元素：.val() != "":text

var populatedFields = $(this).parent().siblings('.section-wrap').filter(function() {
    return $(this).find(":text").val() != "";
});

演示：http: //jsfiddle.net/QRHgW/8/