當另一個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.