Jquery add class to non empty inputs and textareas

Question

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!

Where is the class "used"? Not sure what you want to display in your boxes, All of them have "something" displayed at the moment — EugenSunic
– EugenSunic, Commented Jul 27, 2015 at 23:59
the class used is added after reaload of the page - this is only example — RASAE
– RASAE, Commented Jul 28, 2015 at 0:01

Santiago Hernández · Accepted Answer · 2015-07-28 00:01:01Z

2

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

answered Jul 28, 2015 at 0:01

Santiago Hernández

5,6762 gold badges27 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery add class to non empty inputs and textareas

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related