CODEWITHSUNDEEP
javascriptjqueryhtml
RASAE
RASAE

Reputation: 35

Jquery add class to non empty inputs and textareas

I´m looking for a solution,to non empty inputs and textareas add aditional class.

I have a solution, which work perfect for textares, but not for inputs:

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

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

$(document).ready(function() {

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

});

Any ideas? Thanks!

Upvotes: 0

Views: 815

Answers (1)

Santiago Hern&#225;ndez
Santiago Hern&#225;ndez

Reputation: 5636

with CSS pseudo selectors, look what happen:

$(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>

retrieving input's value

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

Upvotes: 2

Related Questions