jquery adding class on load

Question

jQuery:

$(document).ready(function() {
    $('.text').load(function() {
        if (this.value == this.title) {
            $('.text').addClass("highlight");
        }
    });
});

CSS:

.highlight
{
  background: #FFA9B8;
  border: 1px solid red;
}

HTML

<label for="first_name">first name: </label>
<input type = "text" name = "first_name" class = "text" value = "First..." title = "First..." />
<label for="last_name">last name: </label>
<input type = "text" name = "last_name" class = "text" value = "Last..." title = "Last..." />

I essentially want to add the class "highlight" to the background of the 2 input fields when the page is loaded...only when both the title and value are the same.

Thank you -Art

Ram · Accepted Answer · 2012-12-17 20:53:02Z

2

$(document).ready(function(){
   $('.text').filter(function(){
        return this.value === this.title
   }).addClass('highlight')
});

answered Dec 17, 2012 at 20:53

Ram

145k16 gold badges174 silver badges201 bronze badges

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

4 Comments

Mark Schultheiss Over a year ago

I think you need a semi-colon after the end of the return statement and the end of the addClass() but otherwise should work.

Ram Over a year ago

@MarkSchultheiss semi-colon is optional in JS.

Mark Schultheiss Over a year ago

Sometimes, my comments should have indicated "to pass jslint" add semi-colons in the noted places.

Ram Over a year ago

@MarkSchultheiss Yes, most of the times. jslint is another story.

Collectives™ on Stack Overflow

jquery adding class on load

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related