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

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();