在給定的部分隱藏的div基於空的子窗體輸入值

Question

我有一個包含分區結構是這樣一種形式：

<form id="baseform"> 
    <div class="container"> 
    <div class="subheader"><h2>Section 1</h2></div> 
    <div class="row"> 
     <textarea id=T_01></textarea> 
     <input id="T_02" type="text" /> 
    </div> 
    <div class="row"> 
     [more form fields] 
    </div> 
    </div> 
    <div class="container"> 
    <div class="subheader"><h2>Section 2</h2></div>   
     <div class="row">[more form field, etc.] 
    </div> 
    </form> 

我想隱藏那些空的表單輸入.row的div的.subheader上下方document ready（我已經正在使用toggle()展現.subheader上click下.row的div）。

好像這樣的事情應該工作：

$(document).ready(function() { 
    $('.row :input[@value=""]').parent('.subheader').nextAll('.row').hide(); 
}); 

但沒有骰子。想法？

Answer 1

這將適用於大多數表單輸入，但是，您可能需要複選框和收音機，它有一個值設置其他條件邏輯。需要看看他們是否:checked。

$('.subheader .row :input').each(function() { 
    if (!$(this).val().length) 
     $(this).parent('.row').hide(); 
}); 

編輯 - 在我選擇錯過了:input。

編輯2 - 沒有隱藏實際的行，只有表單域。

Answer 2

試試這個：

$(function() { 
    $(".row :input[value='']").hide(); 
}); 

Answer 3

$('.row input').filter(function() { 
    return this.value.length ? this : null; 
}).parent().hide();​