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