当另一个div为空时隐藏div
[英]Hide div when another div is empty
问题描述
我知道在这个问题上有很多答案，但是我已经阅读了所有可以找到的内容，但仍然无法正常工作。
我有一个div，如果另一个div为空或仅包含空格，则需要将其隐藏。
<div id="rt-main" class="mb12">
<div class="rt-grid-12">
<div class="rt-block component-block main-overlay-light">
<div id="rt-mainbody">
<div class="component-content">
<div class="blog-featured"></div>
（当div blog-featured =''时我想隐藏div.mb12）
我最接近的选择是：
$(document).ready(function() {
str = $('div.section').text();
if($.trim(str) === "") {
$('div.section').hide();
}
});
但是尝试时会在控制台中遇到各种错误。
现在，我收到“ TypeError：无法调用方法'text'为null的信息”
3 个解决方案
解决方案1
1 已采纳 2013-06-17 21:42:19
在实际站点（问题中未包括）上，您具有以下功能：
jQuery.noConflict();
这使得$不再是jquery。 很可能是因为您包含的许多其他库之一使用$名称。 您只需更改代码即可使用jQuery代替$ ：
jQuery(document).ready(function() { ...
另外，您可以将jQuery分配给其他变量名称：
var $j = jQuery.noConflict();
$j(document).ready(function(){ ...
解决方案2
0 2013-06-17 20:55:48
你要这个 -
jQuery(document).ready(function () {
var str = jQuery('div.blog-featured').text();
if (jQuery.trim(str) === "") {
jQuery('div.mb12').hide();
}
});
解决方案3
0 2013-06-17 21:11:40
您要在脚本之前加载jQuery库吗？ 页面的<head>标记中是否有类似的内容？
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
etc etc
</script>
当另一个div为空时隐藏div
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.