当数组长度为0时如何隐藏div
当数组长度为0时，可以使用条件语句来判断数组的长度，然后根据判断结果来隐藏或显示div元素。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Hide Div when Array Length is 0</title>
<style>
.hidden {
display: none;
}
</style>
</head>
<body>
<div id="myDiv">This is a div element.</div>
<script>
var myArray = []; // 假设这是一个数组
if (myArray.length === 0) {
document.getElementById("myDiv").classList.add("hidden");
}
</script>
</body>
</html>在上述代码中，我们首先定义了一个空数组myArray。然后，使用条件语句if来判断数组的长度是否为0。如果数组长度为0，我们通过classList.add()方法给myDiv元素添加了一个名为hidden的CSS类，该类的样式设置了display: none;，从而隐藏了该div元素。
请注意，这只是一个示例代码，实际应用中，你需要根据具体的需求和页面结构来修改代码。
相关·内容
我想限制每一次的项目4。一旦显示了所有项，我希望从ngFor循环外部获取最后一个项的索引，以隐藏按钮。
this.limit = 4;
<ng-container *ngFor="let item of items; let i=index">
<template [ngIf]="i<limit">{{item}}
</template>
</ng-container>
<div *ngIf="">
<button (click)="limi
浏览 1提问于2017-02-20得票数 1
3回答
如果我有html片段
<div>
<ul style="display:block">
<li>A</li>
<li>B</li>
</ul>
<ul style="display:none">
<li></li>
<li></li>
</ul>
</div>
如何使用jQuery查找n
浏览 0提问于2013-12-03得票数 2
回答已采纳
我有jQuery自定义内容滚动器在我的网站内的div。div内容具有参数("#content").hide()。当页面加载时，div是可见的，并且jQuery自定义内容滚动器可以很好地工作。
但是，如果页面加载时div内容不可见，则jQuery自定义内容滚动器不可见且无法工作。我注意到当你缩小或扩大窗口时，滚动体就会显示出来。我在这个网址上有一个小例子：
问题可能在哪里？
浏览 5提问于2012-12-03得票数 5
1回答
从后端到网络，几个不同大小的相同图像。这是最近为优化目的而做的。以前，用户可能上传的图片太大，它是非常繁忙的一些网页。
如果图片是在实现此图像压缩功能之前上传的，则网络接收一个空数组。如果是之后，那么这个图片有三个不同大小的物体。
这可能是一个非常天真和愚蠢的问题，但是默认情况下如何输出压缩图像呢？如果“size”：[]将是一个空数组，那么留下旧的图像路径怎么办？
我尝试了这个选项，但是它不起作用：<img src="place.gallery.file.sizes.thumb \x\\ place.gallery.file.thumb">“
// This c
浏览 1提问于2022-03-15得票数 0
2回答
如何基于状态呈现组件
、、、、
我从MaterialUI得到了这个过滤器图标，我需要在选中复选标记时将其填充为黑色(目前它可以改变位置)。选中复选框后，将填充setFilters。因此，如果勾选了产品类型，则setFilters(prt:[])不会为空。
如果setFilters(prt:[])不为空，我如何才能用不同的位置呈现滤镜图标(最终我会呈现一个不同的图标)。
我已经试过了
{ props.filters > 0 && d.autoFilter ?
<FiFilter style={{position:"relative", top:"4px
浏览 16提问于2021-05-27得票数 1
如果长度(描述)<一行，我需要显示/隐藏标签。代码运行正常，但是如果长度小于一行，那么标签就不会隐藏。如何隐藏/显示标签？
如果[ demandAd.description ]少于一行或少于一行(或长度< 100)，我需要隐藏标签，因为它当时没有函数
<div class="demand">
<p class="demand-ad-time">[[demandAd.createdAt | date:"dd.MM.yyyy."]]</p>
<input type="che
浏览 13提问于2018-08-14得票数 0
回答已采纳
im尝试从一个名为dummyData.js的文件中获取数据，它的结构如下。
export const Posts = [
{
id: 1,
desc: "Love For All, Hatred For None.",
photo: "assets/post/1.jpeg",
date: "5 mins ago",
userId: 1,
like: 32,
comment: 9,
},
{
id: 2,
photo
浏览 2提问于2021-09-06得票数 0
2回答
我写了一段自动回复用户文本输入的代码。一个自动的“实时聊天”这么说。
虽然当脚本没有响应时，我希望它禁用subit表单和按钮，但我真的不知道如何做这样的事情。
我的代码：
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(document).ready(function() {
$("#typing").hide();
var n = "You:<br>";
var o = $(&
浏览 4提问于2015-03-09得票数 0
回答已采纳
我的目标是定义一个包含所选ID数组的状态，即“祖父母”组件中的const [selectedIds, setSelectedIds] = useState([])，当在外孙组件中进行更改时，该组件可以得到更新。这样，我就可以在另一个组件(我们会说‘叔父’组件)中使用这个更新的数据，它是祖父母的孩子。
我刚开始反应，所以我不确定这是否是处理这种情况的“适当”方式，我也不知道为什么在选择复选框之间将我的状态设置为(可能重新初始化)为=1(如果深入了解这种情况的一般原因将有帮助)。
下面是我要做的事情的概要:祖父母组件：
const GrandParent = (props) => {
浏览 1提问于2022-12-03得票数 -1
回答已采纳
当涉及到使用脚本语言时，我是相当新手，所以我正在努力理解这些概念。
基本上我有这样的表格
<form method="post" action="/list/process.php">
<input type="email" name="address" value ="Email" />
<input type="hidden" name="lists[]" value="122" />
<input type=
浏览 3提问于2011-10-27得票数 0
1回答
*如果-否则不显示其他结果
、、、、
我不知道为什么这不管用，我被困住了。有人能发现我的代码有什么问题吗？
当没有票要展示的时候，我试图展示一条找不到的信息。我尝试通过票证数组长度来获得结果，但是它总是显示长度为0。
HTML
<ng-container *ngIf="tickets; else elseTemplate">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-sm-4"
浏览 0提问于2018-09-08得票数 2
回答已采纳
2回答
我对JQuery相当陌生，当td.ms-vb的内容包含文本“当前没有活动公告”时，我试图隐藏DIV #SAlertWrap。td.ms-vb包含在#SAlertWrap中。
我可以隐藏DIV本身，但不知道如何根据文本值隐藏它。
$(document).ready(function() {
$('#SAlertWrap').hide( );
});
我还可以选择要隐藏或替换文本的文本，但这只会影响特定的行。
$(document).ready(function() {
$("td.ms-vb:contains('There are currently no act
浏览 5提问于2014-07-09得票数 2
回答已采纳
一开始我会
<div id="a">
<div id="a_1" class="toBeHide"> something </div>
<div id="a_2" class="toBeHide"> something </div>
<div id="a_3" class="toBeHide"> something </div>
<div>
<div id="b
浏览 3提问于2014-07-17得票数 1
回答已采纳
我有一个容器div，定义了一个固定的高度。这个div包含两个子div，这两个子div应该与另一个子div一样具有容器边界的边距。第一个子级应该扩展以适应其内容，而第二个子级应该填满容器并在必要时显示滚动条。
下面是一个工作示例的样子：
在两个孩子上使用绝对定位效果很好，但它需要第一个孩子的固定高度(上面例子中的“header”)。每当第一个子节点扩展时，第二个子节点当然会与其重叠。
有关示例代码，请参阅jsfiddle实例和。
你知道如何设计这种方式吗?无论页眉变得多大，页边距都可以应用。
提前感谢！
浏览 1提问于2011-10-26得票数 2
回答已采纳
1回答
我有一系列的div，它们有一个单选按钮和一个"next“按钮，用来指定表单的位置。
现在，下一个按钮是“+”按钮，“上一步”按钮是“减号”按钮。“减号”按钮用于隐藏它所附加到的div，但不能隐藏后续的div。当用户选择“减号”按钮时，如何使表单的其余部分隐藏？
我只包含一个函数，它只包含几个div，但假设它们从0到11。如果单击减号按钮，这个应该隐藏1-11。
var image = document.getElementById("plus");
function changeSign(id) {
var image = document.getElemen
浏览 0提问于2018-03-06得票数 1
1回答
在我的jquery代码中有：
$("#show").append("<img src=" +attachment.url+" alt="+attachment.alt+" title="+attachment.title+" description="+attachment.caption+" class='img-responsive img-thumbnail'/><input type='hidden' name='my_image_URL[
浏览 2提问于2017-08-24得票数 1
我正尝试在for循环中追加一个字符串。我可以警告每个值bieng循环，但由于某些原因我不能追加：
<html>
<head>
<script type="text/javascript" language="javascript">
function doIt(){
var styleSheet = document.styleSheets[0];
var css="";
浏览 0提问于2010-06-21得票数 2
回答已采纳
我有这个JS循环：
for (var i = 0; i < jsArr.length; ++i) {
$.post("checkdata.php", { names: jsArr[i], platforms: "1" })
.done(function(data) {
eval(data);
});
}
data是一些jQuery CSS操作。我有一个在"loadingImg“div类下的加载图像，它在页面
浏览 2提问于2013-07-21得票数 0
回答已采纳
1回答
有问题要显示
<form id="order">
<div id="product-details">
<div class="items">
<input value="34324324234234234" readonly class="sku" name="sku"/>
<input value="1" reado
浏览 6提问于2022-11-14得票数 3
我很好奇，就像
printf("%s",array);
要打印整个char数组，有没有办法用一个命令打印整个int数组，而不是使用for循环逐个打印它？
浏览 4提问于2018-08-29得票数 0
回答已采纳
我有一个用户可以选择的项目列表。我希望它比标准的复选框更加用户友好，所以我将div分开，每个div都有一个唯一的id。
当用户单击一个项目时，我使用javascript在该项目顶部显示一个记号，并更改样式以显示它是突出显示的。
我正在尝试解决如何在提交表单时传递id列表。请记住，如果用户取消勾选某个项目，则应将其从列表中删除。我正在考虑在隐藏文本字段中使用逗号分隔值，但无法解决如何在取消选中的情况下从列表的开头删除项目
浏览 0提问于2010-06-15得票数 0
回答已采纳
我想有三个阶段在我的组成部分。
数据正在加载=>显示加载状态当数据被获取=>显示数据当数据被获取但它是一个空数组=>显示“没有找到解决方案”
我已经实施了前两项，但执行第三项有问题。现在，当数组的长度为0时，它会显示加载动画，但当DB中没有数据时，我想显示“找不到解决方案”。
Github Repo：
src/components/smallComponents/Tub.js组件代码：
import React, { useState } from "react"
import useFirestore from "../../hooks/useFir
浏览 2提问于2021-09-24得票数 0
我有一段代码：
$(document).ready(function () {
$('.parent >' + '.child').each(function() {
console.log($(this).length);
});
});
我正在尝试记录child类中有多少类parent。
这就是我的html代码的样子：
<div class="parent">
<div class="child"></div>
<div class
浏览 2提问于2014-06-12得票数 0
回答已采纳
我有一个列表卡组件，它在列表中显示设备的名称、品牌、图像、bookedUntil(如果预订了多久)。所有这些信息都来自Json文件。我有两个问题：
是否有更好的方法来执行if(!bookedUntil) {.}部分？因为我尝试在返回()中使用三元操作符来完成这个操作，但是如果它是否已预订，则无法让它同时显示文本和文本。因此，我使用不同的变量来显示它。，，我一直收到一个错误，日期为null，即使在控制台中也不能显示它。尝试了一个不同的if语句，但我仍然得到相同的错误。我试图完成的主要任务是，循环将获得有关该项的信息--它没有预订(检查bookedUntil是否为空，如果为空，则显示带有文本“Av
浏览 1提问于2022-01-02得票数 0
我有一个图像和内容并排，图像绝对定位在视图的左边边缘，然后是一列内容。当我调整浏览器的大小时，图像将保持不变，并最终覆盖内容。
是否有可能迫使图像“推”到右边，以便它在我调整大小时向左移动，从视口移出？我不能更改HTML，所以我不得不使用现有的代码。
.container {
max-width: 1230px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.content-wrap {
padding-left: 2
浏览 3提问于2022-11-14得票数 0
1回答
我试图在“英雄之旅”中的搜索组件中添加一个div，所以，当搜索组件解析请求时，会出现三个点。并且，一旦可观察到的结果被解决，结果就会显示出来，或者，如果没有结果，就会显示像Not这样的消息。
到目前为止，我有这样的想法：
<div id="search-component">
<h4>Hero Search</h4>
<input #searchBox id="search-box" (keyup)="search(searchBox.value)" />
<div>
浏览 0提问于2016-11-17得票数 0
回答已采纳
我有两个对象incs和exps，每个对象都有属性：desc、amount和id。我想以列表的形式显示容器中每个对象的详细信息，这两个容器是并排的。我是这样做的
const Details = props => {
return (
<div className={styles.container}>
<div className={styles.detailsItem}>
<ul>
{props.balance.incs.map(inc => (
<Deta
浏览 0提问于2019-10-20得票数 0
抱歉，如果这是一个愚蠢的问题，但我正在为一个网站做一些东西，但不能解决这个问题。
如何使此div在第一次单击按钮时出现，在数组中循环，然后在数组中的最后一项之后消失？
var myArray = ["Hello", "Thank you", "Goodbye"];
var myIndex = 1;
var print = document.getElementById('print');
print.innerHTML = myArray[0]; //Print first value of array right away
浏览 0提问于2018-08-27得票数 0
我在特定的xpath上找到所有使用those ()的节点，然后添加类来突出显示这些节点，但是当我试图删除这些类以取消突出显示这些节点时，它只取消突出显示的一半。即使是循环也只运行一半时间。
显示。有人能告诉我为什么它只亮了一半吗？HTML部件：
<div id="div1">abcdefghi</div>
<div id="div4">abcdefghi</div>
<div id="div2">abcdefghi</div>
<div id="div3"
浏览 10提问于2016-04-01得票数 0
回答已采纳
Error:AppComponent.html:16 ERROR TypeError: Cannot read property 'controls' of undefined at Object.eval [as updateDirectives] (AppComponent.html:16)
app.component.ts：
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, FormArray } from '@angular/fo
浏览 2提问于2017-09-26得票数 0
回答已采纳
1回答
我使用令人敬畏的gem Cocoon根据用户可以选择的"length“值生成嵌套字段。我的问题是，我需要找到一种方法来检查表单中已经添加了多少嵌套字段，然后只添加当前不在表单中的字段。例如：
用户的长度值设置为2，有2组嵌套字段可以使用。现在，用户希望将其值更改为3，这是我遇到困难的地方。我不完全确定如何根据更改的值添加/删除字段，而不只是删除所有字段并重新运行嵌套字段插入。以下是一些供参考的代码：
HTML
<div class="row px-md-4">
<div class="col-12">
<div
浏览 1提问于2019-11-15得票数 0
回答已采纳
4回答
我对此反应很新。我不明白为何这个问题不可行。我有Numbers Component。
const Numbers = (props) => {
return(
<div className="card text-center">
<div>
{Numbers.list.map((num,i) =>
<span key={i} onClick={() => props.selectNumbers(num)}>
{num}
浏览 2提问于2018-03-09得票数 2
回答已采纳
1回答
我正在使用一个工具从亚马逊获取一些数据。当我深入到angular中所需的数据时，它起作用了。我的代码是：
<div ng-controller="StoreController as store">
<div ng-repeat="item in store.items">
<a ng-href="{{item.ItemLinks[0].ItemLink[0].URL}}">{{item.ItemAttributes[0].Title[0]}}</a>
</d
浏览 0提问于2015-11-18得票数 0
1回答
代码
export default function Header(){
let showMe = false;
function toggle(){
showMe = !showMe;
}
return (
<>
<button onClick={toggle}>Toggle Subjects</button>
{/*The bottom code should toggle on and off when the button is pressed*/}
<div style={{
浏览 1提问于2020-03-30得票数 3
回答已采纳
1回答
我如何使用Javascript (如黑色)访问头发？我尝试通过定义变量访问表和它所在的tr，逐步使用其他元素内部的正常访问，但仍然没有工作。如果你有答案，请回答。Thx
<table id="customers" class="customers">
<tr class="parent" data-toggle="toggle">
<th id="rank" style="text-align: center;">Number</th>
浏览 2提问于2022-07-21得票数 -1
我需要显示一个“没有类别”的信息，所以我使用如下：
<div ng-repeat="categoryItem in categories">
<div ng-show="categoryItem.length">No categories</div>
却不起作用。
它是一个对象数组，所以在控制台中，如果我有两个类别，我可以看到以下内容：
Array[2]
0
:
Object
$$hashKey
:
"object:77"
created_at
:
"2016-12-0
浏览 4提问于2016-12-08得票数 1
回答已采纳
1回答
下面是我的实例：
new Vue({
el: '#app',
data: {
showPerson: true,
persons:
[
{id: 1, name: 'Alex'},
{id: 2, name: 'Bob'},
{id: 3, name: 'Chris'}
],
},
methods: {
nextPerson: function(){
thi
浏览 5提问于2017-10-28得票数 0
回答已采纳
1回答
我想让div保持在500的高度。文本会动态插入到此div中。插入不同的文本长度。现在，我的div扩展为容纳全文。我如何才能让文本缩小，使其始终符合范围？
浏览 0提问于2011-09-25得票数 0
函数nextPerson有一些问题，我无法弄清楚.我想循环遍历人员数组中的所有人员，它正在遍历人员，但是一旦代码遍历到每个人，代码就会中断。也是，next的第一个控制台日志是0。难道不是1吗？如果它一定要做什么事情的方式，偶尔发生？请帮帮忙
import React, { useState } from "react";
import people from "./data";
import { FaChevronLeft, FaChevronRight, FaQuoteRight } from "react-icons/fa";
const
浏览 5提问于2021-05-17得票数 0
回答已采纳
2回答
如何从复选框列表中动态获取值
、、、、
我有一个复选框列表，其中显示了用于检索单个记录的员工的帐户ids列表。
<c:forEach var="id" items="${accountList}" varStatus="status">
<input type="checkbox" name="account_id" value="${id}"/>
</c:forEach>
名称= account_id被声明为字符串数组列表。
选择后，我将提交结果到struts表单，并将结果存储在提交脚本的字符串数组
浏览 0提问于2013-07-02得票数 0
2回答
如何在HTML Hidden输入字段中将TSQL时间戳/行版本值存储为“可比较”值？
例如：
我从一个数据库表行中得到一个“时间戳”，作为一个字节数组。现在我想将这个值作为字符串存储在我的HTML文档中。在提交之后，我想读出用户请求页面时获得的时间戳，并将其与数据库当前时间戳进行比较。
浏览 0提问于2013-05-27得票数 1
回答已采纳
我在谷歌上看了一下，但找不到任何有用的东西。我如何使用下面的代码隐藏最后一个DIV ...
document.getElementsByTagName('div').style.display = 'none';
浏览 0提问于2013-02-13得票数 0
回答已采纳
我从文档中读到，我们可以使用以下代码处理后退按钮单击：
document.addEventListener("backbutton", backKeyDown, true);
function backKeyDown() {
// Call my back key code here.
alert('go back!');
}
我担心的是，我有一个单一的HTML5网页，其中我有多个div标签，我使用jQuery动画，根据用户从菜单选项中选择的导航选项。
在这个单页面的div中，我如何使用PhoneGap处理后退按钮的点击，并向用户显示之前的
浏览 0提问于2011-07-20得票数 1
回答已采纳
我有一个“加载更多”按钮，我想消失时，所有的信息已加载到屏幕上。我知道这是在Stack上被问过几次的问题，我已经尝试实现了这些问题中的解决方案。但是，使用我的设置，代码不起作用。
我不知道如何在加载所有数据时操作状态以使按钮消失，或者是否需要更改状态。
import React, { Component } from 'react';
import labNewsJson from '../json/labNews.json';
import '../styles/News.css';
import Image from 'react-i
浏览 0提问于2019-02-01得票数 0
回答已采纳
1回答
我正在用Razor语法开发MVC应用程序。我正在尝试滑动切换Div，这意味着当我单击一个Div时，另一个div应该被展开。它在加载后可以正常工作，但是为什么它在页面加载时已经扩展了？但在我的应用程序中，它已经展开/切换了。
如何解决这个问题？
@model IEnumerable<CRMEntities.Comment>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
浏览 1提问于2012-09-13得票数 1
回答已采纳
使用WebApi的KnockoutJS。当我尝试自定义绑定时，我无法将绑定数据传递到自定义绑定函数中。
我已经苦苦思索了两天了，肯定是漏掉了什么。
任何指南、文章或示例代码都将非常受欢迎。非常感谢。
<script>
function ViewModel() {
var self = this;
self.items = ko.observableArray();
// This is getting data, and tested have data returned.
var baseUri = 'api/items';
浏览 9提问于2013-06-26得票数 0
回答已采纳
$("img").each(function() {
if($(this).is(':hidden')) {
$("p#nothing").show();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="imgWrap">
<img src="http://static.p
浏览 0提问于2012-07-10得票数 1
回答已采纳
我读到C中的sizeof运算符是在编译时解释的，因为在编译时编译器知道数组的大小和类型，所以sizeof能够计算array.But占用的字节数，sizeof是如何在以下代码中工作的：
#include<stdio.h>
#include<string.h>
int main()
{
int n;
scanf("%d",&n);
int a[n];
int s=sizeof(a);
printf("%d",s);
return 0;
}
这里的数组大小在编译时是未知的，那么它
浏览 1提问于2012-04-10得票数 25
回答已采纳
我有一个搜索表单，用户在那里搜索位置。如果用户输入的位置在api (response object)中，那么我想显示Room component object组件。当我键入不在api中的位置时，就不会显示我的NoRoom组件。
search( query='place' ){
let url = "http://localhost:8000/api/v1/rental/?place__startswith="+encodeURIComponent(query);
Request.get(url).then((response) => {
浏览 1提问于2016-04-04得票数 0
回答已采纳
1回答
这是我的桌子在迪夫：
<div class="employmentHistory">
<table class="employmentHistoryForm">
<tr>
<th>Name</th>
<th>Position</th>
<th>Action</th>
&l
浏览 0提问于2013-08-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
