2015-06-05 66 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

类=“按钮栏”是一类,所以使用类选择

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

感谢巴拉,我错过了,但它仍然没有工作。它仍然没有隐藏起来。 – danielbasilio

+0

使用文档准备处理程序https://learn.jquery.com/using-jquery-core/document-ready/ – Balachandran

+0

@danielbasilio更新现在检查 – Balachandran