Question

我试图在页面加载时隐藏某些东西......我实际上最终会隐藏很多东西，但是现在我可以隐藏它。我已经滚动了我在SO上找到的一些答案，但无法使其正常工作。我必须为css保留.jumbotron类，所以我只需在其上添加一个id ...........不确定这是问题还是什么......这是我的代码。我没有开始，因为没有人真正需要看到这一点。

  <!-- Jumbotron -->
      <div class="jumbotron">
        <h1>Data Loader</h1>
        <p class="lead">Follow the directions to load your data.</p>
        <a class="btn btn-large btn-success" href="#">Start</a>
      </div>

      <div id="second_slide" class="jumbotron" >
        <h1>Data Loader</h1>
        <p class="lead">Follow the directions to load your data.</p>
        <a class="btn btn-large btn-success" href="#">Start</a>
      </div>

      <hr>

      <!-- Example row of columns -->
      <div class="row-fluid">
        <div class="span4">

        </div>
      </div>

      <hr>

      <div class="footer">
        <p>&copy; Company 2013</p>
      </div>

    </div> <!-- /container -->
    <script>
      //doesn't work
     $(document).ready(function(){

    $('.jumbotron #second_slide').click(function(){
      var index=$('.jumbotron #second_slide').index(this);
      $('.jumbotron #second_slide').hide();
    });

});

Answer 1

它不起作用，因为在具有'jumbotron'类的元素中没有ID为'second_slide'的元素。

试试这个：

$('.jumbotron#second_slide').hide();

Answer 2

试试这个

   <div class="jumbotron">
    <h1>Data Loader</h1>
    <p class="lead">Follow the directions to load your data.</p>
    <a class="btn btn-large btn-success" href="#">Start</a>


  <div id="second_slide" class="jumbotron" >
    <h1>Data Loader</h1>
    <p class="lead">Follow the directions to load your data.</p>
    <a class="btn btn-large btn-success" href="#">Start</a>
  </div></div>

Answer 3

尝试

 $('#second_slide').click(function(){
      var index=$('#second_slide').index(this);
      $(this).hide();
    });

Answer 4

看起来问题是$('.jumbotron #second_slide')中的选择器。您只需要id：$('#second_slide')。

$('.jumbotron #second_slide')正在尝试在id="second_slide" div中找到class="jumbotron"的元素。

Answer 5

您是否阅读过http://api.jquery.com/category/selectors/？写一些类似.clazz #id的东西，你实际上想要搜索.clazz里面的id。您应该遍历这些jumbotrons并选择一个您感兴趣的jumbotrons，然后提取该组件。

Answer 6

我会去：

$(function(){
    $('#second_slide').click(function(){
        $(this).hide();
    });
});

这是整个<script>元素。

不能通过id而不是类来隐藏div

6 个答案: