Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要更好的解决方案来迭代输入行_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 需要更好的解决方案来迭代输入行

Javascript 需要更好的解决方案来迭代输入行,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我的表格中有5行输入。我需要保留任何空白行之间的两套填写,但删除他们的其余部分。例如:第1行为空。第二行包含文本。第三行是空白的。第4行包含文本,第5行为空。我只需要保留第三个空行,因为它位于两个填充行之间,但删除第一行和第五行。有没有简单的方法可以通过jquery而不是多次迭代输入文本行呢 <div id="formtextLines"> <input type="text"> -->blank <input type="text"> -

我的表格中有5行输入。我需要保留任何空白行之间的两套填写,但删除他们的其余部分。例如:第1行为空。第二行包含文本。第三行是空白的。第4行包含文本,第5行为空。我只需要保留第三个空行,因为它位于两个填充行之间,但删除第一行和第五行。有没有简单的方法可以通过jquery而不是多次迭代输入文本行呢

<div id="formtextLines">
   <input type="text"> -->blank
    <input type="text"> --> filled line 1
    <input type="text"> --> blank
    <input type="text"> --> filled line 2
    <input type="text"> --> blank
</div>

-->空白
-->填充行1
-->空白
-->填充行2
-->空白

TIA

好吧,不是一个可爱的jQuery一行程序,但它仍然只在输入上迭代一次:

$(“按钮”)。单击(函数(){
变量输入=$(“#formtextLines输入”)
var defaultLast=inputs.length
var lastNonBlank=defaultLast
输入。每个(功能(i){
如果(this.value!=“”)
lastNonBlank=i
else if(lastNonBlank==defaultLast)
$(this.remove())
}).slice(lastNonBlank+1).remove()
})
input{display:block;}

删除空白

请创建一个-我们需要查看数据、工作和代码的示例。单击
输入代码,这里可能不需要jQuery,因为纯JS可以处理itThanks。有没有办法不删除空行,只找到第一个非空行和最后一个非空行的索引。在你的例子中,第一条非空白线是2,最后一条非空白线是6?我已经在我的答案末尾加上了这个。非常感谢你这么深入的解释。这真的帮助了我!