我有一个div,我想和它的所有孩子一起隐藏.我认为一个简单的selector.hide()可以做到这一点,但它仍然存在.
<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/
有任何想法吗？
解决方法
你有什么不起作用,因为.row .well的意思是“一个内部类很好的元素(作为一个孩子或更深的后代)一个带有类行的元素.在CSS中,空间是
descendant combinator.
要选择具有两个类的元素,请删除空格：
$(document).ready(function() {
$('.row.well').hide();
// ----^
});
这意味着“具有类行和类的元素”.
