Question

I have hard time figuring out the correct jQuery selector for my problem.

What I have:

1) 11 divs, that has class “theCycle”, 10 of them are hidden, one displayed
2) There is inputs in the current displayed div element
3) Some inputs have class “required”

What I need:

Need to select class “theCycle”, then inputs with class “required” and then check if they are filled.

So far what I have tried fails or still says that my inputs arent filled.

Answer 1

  $(".theCycle:visible input.required").each(function(){
    if ($(this).val() != ""){
       //it's not empty
    } 
  });