在JavaScript中检查其值时,如何过滤掉空文本框？

Question

我有一个网页,可以包含这样的项目列表:

<input type="text" class="stringItems" value="This is my string 1" />
<input type="text" class="stringItems" value="This is my string 2" />
<input type="text" class="stringItems" value="This is my string 3" />
<input type="text" class="stringItems" value="This is my string 4" />
<input type="text" class="stringItems" value="This is my string 5" />
<input type="text" class="stringItems" value="This is my string 6" />

在将数据发送到我的服务器之前,我将它们全部放在这样的数组中:

            $('.stringItems').map(function(i, e) {
                    return e.value; 
               }).toArray());

所以这一切都很棒.

但是现在我需要过滤掉<input>可能包含空值的元素,如下所示:

<input type="text" class="stringItems" value="" />

基本上,我不希望它们成为阵列UNTIL的一部分.

是否有一个jquery方法可以用来过滤掉空值的元素？

Answer 1

试试这个:

$('.stringItems').map(function(i, e) {
     if(e.value.trim() != '')
         return e.value; 
}).toArray();

请在演示中查看控制台内的console.log,您可以看到没有空值的数组

DEMO