Jquery将类添加到非空输入和textareas

Question

我正在寻找一个解决方案，非空输入和textareas添加aditional类。

我有一个解决方案，适用于textares，但不适用于输入：

<input type="text" class="move" value="something"> 

<textarea type="text" class="move">something</textarea>

$(document).ready(function() {

    $('.move:not(:empty)').addClass('used');

}); 

有什么想法吗？谢谢！

Answer 1

使用CSS伪选择器，看看会发生什么：

$(function() {

    $('.move:empty').addClass('used');

});

.used {
  background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="move" value="something">
<input type="text" class="move" value="">
<textarea type="text" class="move">something</textarea>

检索输入值

$(document).ready(function() {

    $('.move').each(function(e,i){
      if(this.value !== "") $(this).addClass('used');
    });

}); 

.used {
  background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea type="text" class="move">something</textarea>
<input type="text" class="move" value="something">
<input type="text" class="move" value="">