Javascript Can'；无法通过id而不是类来隐藏div

我试图在页面加载时简单地隐藏一些东西…实际上，我最终会隐藏很多东西，但现在我可以把它隐藏起来。我已经滚动了在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();
    });

});

数据加载器
按照说明加载数据
数据加载器
按照说明加载数据


&抄袭；公司2013

//不起作用
$（文档）.ready（函数（）{
$（'.jumbotron#第二张幻灯片'）。单击（函数（）{
var指数=$（'.jumbotron#第二张幻灯片'）。指数（本）；
$（'.jumbotron#第二张幻灯片'）.hide（）；
});
});

试试这个

   <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>

数据加载器
按照说明加载数据
数据加载器
按照说明加载数据

试试看

---

它不起作用，因为在类为“jumbotron”的元素中没有ID为“second_slide”的元素

试试这个：

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

---

问题似乎出在

$（'.jumbotron#second_slide'）

中的选择器上。您只需要id:

$（“#第二张幻灯片”）

$（'.jumbotron#second_slide'）

正在尝试在

class=“jumbotron”

div中查找具有

id=“second_slide”

的元素。

您阅读了吗？写一些类似.clazz#id的东西实际上是想在.clazz中搜索id。您可能应该遍历这些Jumbotron并选择一个您感兴趣的组件，然后提取该组件。

我来试试：

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

---

这就是整个

元素。

您调用

$（'.jumbotron#second_slide'）.hide（）在同一对象的单击事件中。您应该使用
var$this=$（this）
和
$this.hide（）。另外，
索引
变量是私有的，不在其他地方使用。你可以摆脱它。我已经尝试过把id放在第一位……我可以用CSS来做，然后当我想改变它时，我可以用javascript和document.getElementById（#第二张幻灯片）.html=。。。。。。。诸如此类，但我认为jquery会让这变得容易……我需要jquery UI吗？废话，我甚至没想过。
document.getElementById（#第二张幻灯片）。html
不会工作
document.getElementById（#第二张幻灯片）。innerHtml
会工作的
$(function(){
    $('#second_slide').click(function(){
        $(this).hide();
    });
});