浏览器刷新后如何检查输入值是否为空？

Question

我希望在浏览器刷新后隐藏包含“chang”类的所有输入，但在刷新之前由用户输入。我尝试了几件事，没有任何作用。这是我的HTML代码：

<input class="chang" id="test1" /> <input class="chang" id="test2" />

脚本：

$(document).ready(function() {

if( $(".chang").val().length != 0 ) {
$(this).hide();
}

});

我试图让它在Firefox中运行（如果这很重要）。在这种情况下，我做错了什么？

Answer 1

$(document).ready(function() {
 $('.chang').each(function(index){
  if($(this).val().length != 0){
   $(this).hide();
  }
 });
});

使用each（）迭代具有相同类的多个元素。

Answer 2

您必须检查输入的值是否为空：

if( $(".chang").val() == "" ) {
    $(this).hide();
}

fiddle

Answer 3

试试这个：

$(".chang").each(function(){
    if($(this).val().length != 0) { 
        $(this).hide(); 
    }
});

它遍历每个.chang元素，允许您正确使用$(this) 的 DEMO