2014-09-02 4 views
0

им пытаются установить панель заголовок в другой цвет, добавив класс, если панель корпуса имеет какие-либо ошибки ..Добавление класса в Див на уровне выше

видеть мою попытку, которая не работает ... .

любые идеи?

$(".input-validation-error").each(function() { 

      $(this).closest('panel-default').find("panel-heading").addClass('panel-heading-error'); 

     }); 

    // rough HTML layout 
     <div class="panel panel-default"> 
     ////stuff 
      <div class="panel-heading"> 
      <div class="panel-body"> 
       <div class="input-validation-error"></div> 
      </div> 
     </div> 
<div class="panel panel-default"> 
     ////stuff 
      <div class="panel-heading"> 
      <div class="panel-body"> 

      </div> 
     </div> 

ответ

0

Похоже, вы пропустили какой-то период метки для обозначения класса ... попробовать:

$(this).closest('.panel-default').find("div.panel-heading").addClass('panel-heading-error');

демо: http://jsfiddle.net/0g10b5d6/

+0

не имеет значения для меня – raklos

+0

Я переместил закрывающий div вашего заголовка вокруг, так как не представляется логичным обернуть тело в заголовок, но вот рабочий пример: http://jsfiddle.net/0g10b5d6/ – briansol

-1

Вы можете использовать повторяющиеся идентификаторы, то простой метод , document.getElementById ('Id' '). Class = "newClass";

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