0

我目前正在使用 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>

显示表单时，我计划这样做以清除所有表单数据：

$(".text-foo").val("");

但现在我需要从这些输入中获取第一个非空白值。理想情况下，JQuery 选择器应该是这样的：

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

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

4

1 回答 1

0

我认为 $.each 是最好的方法。以下是代码片段..

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

您还可以检查JSFIDDLE

于 2015-04-20T21:25:07.787 回答