select all elements in the form except parent div contains display:none

Question

I'm trying to select elements in form except parent div contains display:none

$('*[data-val-required="required"]') 

here i am able select all elements along with hidden elements in parent div like

<div class="form-group" style=" display: none; " >
<div  class="col-sm-3 control-label">
    lable
</div>
<div class="col-sm-6">
<select class="form-control"  data-val-required="This field is required" >
</div>
<div class="col-sm-3"></div>

how exclude these elements

Answer 1

You can target .form-group and use the :visible pseudo selector:

$('.form-group:visible *[data-val-required="required"]')