可见或不可见类中的 Jquery 输入字段

Question

在开始之前，我是 jquery 的新手，但我喜欢我所学到的一切。

我有一个大表单，其中有几个隐藏的 div，仅当特定输入具有值或选中特定复选框时，这些 div 才可见。每个 div 都有一个名为“start-hidden”的类，它最初使所有 div 在页面加载时隐藏。

复选框和输入框的所有值都存储在数据库中，我想这样做，以便如果有人返回表单更新某些内容，它可以正确“显示”应该可见的 div(具有值或特定检查的)。

不是为我需要检查的每个字段编写特定的“if 语句”，而是可以检查具有“start-hidden”类的 div 中的所有输入，并且如果输入不是空，它会使特定的 div 可见？

做了一些研究，我尝试了以下代码，但我有一种感觉我完全偏离了轨道。

    var inp = $(".start-hidden input").val();
    if(jQuery.trim(inp).length > 0){$(this).show();}

此外，有时“start-hidden”div 中可能有另一个“start-hidden”div，我猜这将是一个嵌套的隐藏 div，但我需要确保它只打开父 div。

希望这对某人有意义!

提前致谢!

Answer 1

试试这个:

$(".start-hidden").each(function(){
    if( $.trim($(this).find(":text").val()).length > 0 || $(this).find(":checked").length > 0){
        $(this).show();
    }
});