JQuery-按类和值筛选输入

JQuery-按类和值筛选输入,jquery,ajax,cordova,input,html-framework-7,Jquery,Ajax,Cordova,Input,Html Framework 7,我目前正在使用AJAX提交表单值,我需要按类而不是id获取值——我收集信息的表单将在web应用程序中多次使用。我使用的是Framework7和Cordova的组合,因此在应用程序启动时,所有内容都会加载到DOM中 假设DOM中有以下项目: <html> <div class="page1"> <input type="text" class="text-foo" /> </div> .... <div

我目前正在使用AJAX提交表单值,我需要按类而不是id获取值——我收集信息的表单将在web应用程序中多次使用。我使用的是Framework7和Cordova的组合,因此在应用程序启动时,所有内容都会加载到DOM中

假设DOM中有以下项目:

<html>
   <div class="page1"> 
      <input type="text" class="text-foo" />
   </div>

   ....

   <div class="page1244">
      <input type="text" class="text-foo" />
   </div>
</html>
但是现在我需要从这些输入中得到第一个非空值。理想情况下,JQuery选择器如下所示:

var valueFoo = $(".text-foo").firstNonBlankVal();
//submit the form with elite psuedocode
$.ajax(url: url + "?foo=" + escape(valueFoo));

手动为每个表单项执行for/each循环,并检查每个迭代对象的非空值似乎。。。浪费的有什么建议吗?

我认为美元。每种都是最好的方法。 下面是代码片段

var firstNonBlankedValue = "";
$(".text-foo").each(function(){
    if($(this).length > 0){
        firstNonBlankedValue = $(this).val();
        return;
    }
});
console.log(firstNonBlankedValue);

您还可以检查

,如果您不反对使用,它可以查询您的结果,但这些结果需要存储在数组中,这可能会降低任何好处。为什么您只想提交第一个值?请看一下提交第一个非空值。一次只能使用一个“相同”的表单,我之所以不能共享它,是因为架构方面的原因;提交序列化的空白值是一种浪费和麻烦,IMOI希望不必迭代,但如果这是唯一的选择,我会这样做。感谢您发布snippit:
var firstNonBlankedValue = "";
$(".text-foo").each(function(){
    if($(this).length > 0){
        firstNonBlankedValue = $(this).val();
        return;
    }
});
console.log(firstNonBlankedValue);