Change css style and append text with jQuery

Question

I am trying to get id of clicked button and with that case I want to change change/add class of specifiv div.

Here is the code:

$("input").click(function (e) {
    var idClicked = e.target.id;
    switch (idClicked) {
        case 'regiesterButton':
            $('regiesterAlert').css('class', 'alert alert-danger');
            $('regiesterAlert').append('<b>Error</b> Blabla')
            break;
        case 'loginButton':
            break;
        case 'loginButton':
            break;
    }
});

EDIT: After it steps into case there is exception:

if(!jQuery)throw new Error("Bootstrap requires jQuery");+function(a).....

What`s wrong in the code?

regiesterAlert is class or id? use .regiesterAlert if class and #regiesterAlert if id — Mohamed-Yousef
– Mohamed-Yousef, Commented Oct 31, 2015 at 12:49
When the problem is with jQuery interacting with DOM, you should also include the corresponding HTML in the question. — Tushar
– Tushar, Commented Oct 31, 2015 at 12:57
Don't add new question as EDIT: I'm having this problem too, ask another question. — Tushar
– Tushar, Commented Oct 31, 2015 at 12:58

Oleksandr T. · Accepted Answer · 2015-10-31 12:55:56Z

2

For classes you should use . and for id #

$('.regiesterAlert').css('class', 'alert alert-danger');
   ^
   |
$('.regiesterAlert').append('<b>Error</b> Blabla')
   ^
   |

also instead of .css('class') you should use .addClass, and instead of using same selector twice you can use it once

$('.regiesterAlert')
  .addClass('alert alert-danger')
  .append('<b>Error</b> Blabla')

edited Oct 31, 2015 at 12:55

answered Oct 31, 2015 at 12:49

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

Comments

Nere · Accepted Answer · 2015-10-31 12:57:12Z

0

Try this:

$('.regiesterAlert').addClass('alert alert-danger');
$('.regiesterAlert').append('<b>Error</b> Blabla')

edited Oct 31, 2015 at 12:57

answered Oct 31, 2015 at 12:50

Nere

4,0956 gold badges36 silver badges75 bronze badges

1 Comment

Tushar Over a year ago

Add the explanation with code. Only code-dumps with Try this are not helpful.

Tushar · Accepted Answer · 2015-10-31 13:00:18Z

0

use

$('.regiesterAlert').addClass('alert alert-danger');

edited Oct 31, 2015 at 13:00

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

answered Oct 31, 2015 at 12:54

adarsh somani

11 bronze badge

1 Comment

Tushar Over a year ago

Welcome to SO! Although this will solve the problem, please add some explanation of what OP is doing wrong and how to solve that problem.

Collectives™ on Stack Overflow

Change css style and append text with jQuery

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related