Jquery为非空输入和文本区域添加类

Jquery add class to non empty inputs and textareas

本文关键字：文本 区域 添加 输入 Jquery      更新时间：2023-09-26

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

我有一个解决方案，它工作完美的文本，但不是输入:

<input type="text" class="move" value="something"> 
<textarea type="text" class="move">something</textarea>
$(document).ready(function() {
    $('.move:not(:empty)').addClass('used');
});

任何想法?谢谢!

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

相关文章：