复杂的 jQuery 选择器

Question

我很难找到适合我的问题的正确 jQuery 选择器。

我所拥有的：

1）11个div，具有“theCycle”类，其中10个是隐藏的，1个是显示的 2）当前显示的div元素中有输入 3）一些输入具有“required”类

我需要什么：

需要选择“theCycle”类，然后输入“required”类，然后检查它们是否已填充。

到目前为止，我所尝试的方法失败了，或者仍然说我的输入未填充。

Answer 1

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

Answer 2

$('.theCycle:visible input.required').each(function() {
  if ($(this).val() != '') {
    ...
  }
})

像这样的东西应该有效:)

Answer 3

尝试使用 .filter() 获取具有所需元素的选择器：

var inputs = $("div.theCycle:visible input.required").filter(function(){
     return $(this).val() != ""
});