javascript - Jquery 将类添加到非空输入和文本区域

Question

我正在寻找一个解决方案，为非空输入和文本区域添加额外的类。

我有一个解决方案，它非常适合文本，但不适用于输入:

<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="">