用jquery删除所有空白输入?

时间:2018-04-22 12:12:49

标签: jquery

如何通过删除列表项中的空白输入来清理我的网页?

我有:

<li><input type="text"></li>

$('li:empty').remove();    
$('input:empty').remove();  

这不起作用,因为输入:empty是错误的。

1 个答案:

答案 0 :(得分:1)

对于input,您应该检查value长度:

$('li:empty').remove();
$('input').each(function() {
  if ($(this).val() === '') {
    $(this).remove();
  }
});
//or
$('input[value=""]').remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="" />
<input type="text" value="DO NOT DELETE" />

<ul>
  <li>DO NOT DELETE</li>
  <li></li>
</ul>