2015-10-31 2 views
1

Я пытаюсь получить идентификатор нажатой кнопки, и в этом случае я хочу изменить класс изменения/добавления speciv div.Изменение стиля css и добавление текста с помощью jQuery

Вот код:

$("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: После шагов в случае есть исключение:

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

What`s неправильно в коде?

+0

regiesterAlert - это класс или идентификатор? use .regiesterAlert, если класс и #regiesterAlert, если id –

+0

Когда проблема связана с jQuery, взаимодействующим с DOM, вы также должны включить соответствующий HTML-код в вопрос. – Tushar

+1

** Не добавляйте новый вопрос как _EDIT: У меня тоже есть эта проблема, [ask] (http://stackoverflow.com/questions/ask) другой вопрос. – Tushar

ответ

2

Для классов вы должны использовать . и идентификатор #

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

также вместо .css('class') вы должны использовать .addClass, и вместо того, чтобы использовать тот же селектор в два раза вы можете использовать его один раз

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

Try это:

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

Добавьте объяснение с кодом. Только коды-дампы с 'Try this' не помогают. – Tushar

0

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

Добро пожаловать в SO! Хотя это решит проблему, добавьте некоторое объяснение того, что OP делает неправильно и как решить эту проблему. – Tushar

Смежные вопросы