jQuery: add css to parent

Question

I have the following HTML:

<div class="control-group">
            <input value="" id="email" name="email" type="text" placeholder="E-mail"/> <span class="help-inline"></span>
          </div>

And the follow jQuery:

var input = $(this);

$.getJSON("/email", { email: data }, function(json){
                if(json.valid == true){
                    input.parent().addClass("success");
                }
            });

How can I add the class 'success' to the div control-group? Also, how can I add content to the help-inline span?

Thanks.

l2aelba · Accepted Answer · 2013-02-26 21:38:04Z

2

If your code is alright , to adding class to .control-group is right

and to adding content to .help-inline, you can use .next() like...

input.next(".help-inline").html("your text");

or...

input.next(".help-inline").html("your text").parent().addClass("success");

Full code :

var input = $(this);

$.getJSON("/email", { email: data }, function(json){
                if(json.valid == true){
                    input.parent().addClass("success");
                    input.next(".help-inline").html("your text");
                }
});

answered Feb 26, 2013 at 21:38

l2aelba

22.3k23 gold badges108 silver badges145 bronze badges

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

Collectives™ on Stack Overflow

jQuery: add css to parent

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