发现类似的问题,但没有什么能完全满足我的需要。我在示例中保持简单,并且我想使用 JQuery。
我有两节课。如果页面加载时显示“类别”div,我想隐藏“过滤器”div。目前没有与这两个类别相关的样式。我相信我已经很接近了,但它不起作用。
<script language="text/javascript">
if(!$(this).hasClass("category")){
$('filter').css('display', 'none');
}
</script>
<div class="category">By Category</div>
<div class="filter">By Custom Filter</div>
提前致谢!
Use .length
测试某个元素是否存在。
Use .hide()
& .show()
显示和隐藏元素。
最后,您希望代码仅在页面加载完成时运行,因此您希望将其全部包装在$(document).ready()
.
所以像这样的东西应该效果最好:
<script language="text/javascript">
$(document).ready(function() {
//following code will hide all elements with a class of 'filter'
//if any elements with a class of 'category' are found
if($('.category').length){
$('.filter').hide();
}
});
</script>
<div class="category">By Category</div>
<div class="filter">By Custom Filter</div>
HTHs,
Charles
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)