Question

我有一个div我想隐藏所有children。我认为一个简单的selector.hide()可以做到这一点，但它仍然存在。

HTML

<div class="row well">
  <div class="artistAlbumInfo well col-md-6 ">
    <h3><span id="artist"></span> - <span id="track"></span></h3>
    <img src="" id="art" class="albumArt">
  </div>
  <div class="col-md-6">
    <h3 id="album"></h3>
    <h4>Playstate <p id="playState"></p></h4>
    <h4>Position <p id="position"></p></h4>
  </div>
</div>

JQuery的

$(document).ready(function() {
  $('.row .well').hide();
});

http://jsfiddle.net/375c8v2a/1/

有什么想法吗？

Answer 1

如果您只想隐藏具有两个类

的类，则不需要类之间的空格

$('.row.well').hide();

要么做或添加逗号

$('.row, .well').hide();

Answer 2

$（＆＃39; .row＆＃39）。隐藏（）;

请删除第二课

Answer 3

您所拥有的内容不起作用，因为.row .well表示“中的类well （作为子级或更深层次的后代）的元素，具有类{{1在CSS中，空格是descendant combinator。

要选择具有两个类的元素，请删除空格：

row

这意味着“具有班级$(document).ready(function() { $('.row.well').hide(); // ----^ });和班级row”的元素。

Answer 4

从我在评论中读到的内容，有意创建了.well类，以指定哪个.row类将隐藏，因为您有很多row个类。然后，您可以将其用作隐藏row的触发器，而不是执行：$('.row.well').hide();您可以通过执行以下操作来简单地指定目标类：

$('.well').hide();

点击此处查看 example on jsFiddle

jQuery - 如何隐藏元素及其子元素？

4 个答案: