2015-06-05 5 views
0

Так что я должен найти способ скрыть div, я не могу редактировать html-код, но я могу добавить скрипт, который может его изменить. Я просмотрел все, и я обнаружил, что с помощью JQuery я могу выбрать первое появление класса и получить его значение, но я не могу найти способ добавления атрибута, чтобы скрыть его. Ниже приведен упрощенный пример того, что мне нужно сделать.Выбор первого класса и меняющихся атрибутов

<body> 
     <div class="formbox closed"> 
      <div class="buttonbar"> 
       <div class="toc_checkbox toc_email_optin" > 
        <input type="checkbox" name="booking.email_optin" id="email_optin" value="1"> 
        <span></span> 
       </div> 
      </div> 
      <div class="buttonbar"> 
       <div class="toc_checkbox toc_email_optin" > 

        <span></span> 
       </div> 
      </div> 
     </div> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> 
      $("#buttonbar:first").css("visibility", "hidden"); 
     </script> 
    </body> 

ответ

3

класс = "ButtonBar" класс, так что используйте точку для селектора класса

$(document).ready(function() { 
    $(".buttonbar:first").css("visibility", "hidden"); 
     ^-- remove # and add . 
}); 
+0

Благодаря Bala, я пропустил его, но он по-прежнему не работает. Он все еще просто не скрыт. – danielbasilio

+0

использовать документ готовый обработчик https://learn.jquery.com/using-jquery-core/document-ready/ – Balachandran

+0

@ danielbasilio обновлено сейчас проверить – Balachandran

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