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

时间:2013-11-04 21:23:16

标签: javascript jquery

我有多个部分,每个部分都有表单输入字段(text和textarea)。加载页面后,我想查看每个部分,如果部分中的所有输入字段都为空,我想在该部分添加一个类。

这样做的目的是我可以添加一个监听器并使用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/

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

谢谢!

1 个答案:

答案 0 :(得分:0)

使用filter并在.val() != ""类型元素上返回:text

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

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