个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我想创建一个新函数function showdiv(toshow) “toshow”应该具有显示“div1”或“div2”的div的名称 然后我想获取 contentdiv 内的内部 div 并检查每个 div，如果 name 是 == toshow，则运行
$( document.getElementById($div).show( "fast" );
否则如果 div 的 id != toshow
$( document.getElementById(@div) ).hide( "fast");
如何编写函数和 for 外观
请用基本且可读的代码编写。
function showdiv(toshow) {
}
<!-- begin snippet: js hide: false console: true babel: false --><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hide demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<a href="#" onclick="showdiv('div1');">Klicka här för div1</a></br>
<a href="#" onclick="showdiv('div2');">Klicka här för div2</a>
<button id="div1show">show div1</button>
<button id="div2show">Show div2</button>
<div id="contentdiv" >
<div id="div1" name="div1" class="inner" style="display:none;" background: "red">
<span>Once</span> <span>upon</span> <span>a</span>
<span>time</span> <span>there</span> <span>were</span>
<span>three</span> <span>programmers...</span>
</div>
<div id="div2" name="div2" class="inner" style="display:none;" background: "blue">
<div id="login">
<button id="btn">btn</button>
</div>
<p>text ... text</p>
</div>
</div>
<script>
function showdiv(toshow){
$("#contentdiv div").hide("fast"); //Hide all divs
$("#" + toshow).show("fast"); //Show one specific div
}
$( "#div2show" ).click(function() {
$( document.getElementById("div1") ).hide( "fast");
$( document.getElementById("div2")).show( "fast" );
});
$( "#div1show" ).click(function() {
$( document.getElementById("div2") ).hide( "fast");
$( document.getElementById("div1")).show( "fast" );
});
</script>
</body>
</html> $("#div2show").click(function() {
$(document.getElementById("div1")).hide("fast");
$(document.getElementById("div2")).show("fast");
});
$("#div1show").click(function() {
$(document.getElementById("div2")).hide("fast");
$(document.getElementById("div1")).show("fast");
});
<a href="#" onclick="$('.content').load('selectlandfromdb.php');">Klicka här</a>
<button id="div1show">show div1</button>
<button id="div2show">Show div2</button>
<div id="contentdiv">
<div id="div1" class="inner" style="`enter code here`display:none;" background: "red">
<span>Once</span> <span>upon</span> <span>a</span>
<span>time</span> <span>there</span> <span>were</span>
<span>three</span> <span>programmers...</span>
</div>
<div id="div2" class="inner" style="display:none;" background: "blue">
<p>text ... text</p>
</div>
</div>
最佳答案
很难理解您想要实现的目标，但我假设您希望能够指定 div 的名称、显示此 div 并隐藏所有其他 div。
可以这样做:
function showdiv(toshow){
$("#contentdiv > div").hide("fast"); //Hide all divs
$("#" + toshow).show("fast"); //Show one specific div
}
然后你可以像这样运行该函数:
showdiv("div1"); //Hides all divs, only shows the one with id 'div1'
此外，您不需要编写:
$(document.getElementById("div1"));
要通过 id 获取 jquery 元素，您只需在名称前写入 # 来指定您要通过 id 选择该元素。这样做:
$("#div1")
关于javascript - 为 div 中的每个子元素运行 javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41484094/
25
4
0
我试图四处移动一些 div，但我似乎无法通过对象对象选择它们: http://jsfiddle.net/kL3c8/1/ 1 2
我在 WP 网站上使用 Ninja Forms。有 2 个不同的字段(文本框和提交按钮)是单独的 DIV，它们都是单个 DIV 的子项。 它们出现在连续的行上，但我似乎无法在同一行上找到它们。帮忙？
我专门针对第 n 个 child (2n)，但是具有给定类的 sibling 的第一个、第三个等应用了 css。 http://jsfiddle.net/relitnosmoge/9HCnH/1/ .
我有一个页面可以引入数据库条目并显示它们，并且我已经为所有其他条目/列表提供了这种样式: hjl:nth-child(odd) { background: #F2F2F2;} 这是我的 HTML/PH
我正在显示每个字母具有相同背景(宽度 31px )的字母表。我需要一半的字母宽度为 30px。这由以下人员处理: div.alpha:nth-child(even) {width: 30px;} 但是
我需要从一些大的嵌套字典中获取一些值。出于懒惰，我决定编写一个递归调用自身的函数，直到找到最后一个 child ，或者叶子为空。 由于会弹出字典，并且每次调用都会生成一个新字典，我想知道这有多有效。
我有 2 个 css 类 leftColumn 和 rightColumn 排列在 React SPA 的行布局中。问题在于，当浏览器变窄时，rightColumn 会在 leftColumn“下方”
我有这个 fiddle ，我想在默认情况下仅显示第一张照片并隐藏其余照片，并通过每次鼠标滚动更改照片。 var i 由 mousescroll 确定，如果 i 5，我希望操作中断，因为没有第 n 个
我有一个父 div 和 2 个嵌套的子 div。当第二个子 div 不包含任何内容时，我想隐藏第一个子 div 和父 div。我想知道如何做到这一点？ 我有 2 个子 div 的原因是因为我正在创建一
我有一个父 div 和 2 个嵌套的子 div。当第二个子 div 不包含任何内容时，我想隐藏第一个子 div 和父 div。我想知道如何做到这一点？ 当 .portfolio-works-conta
我注意到在我的浏览器中，SSL 证书链始终至少有 2 个子 CA。总是这样吗？如果属实，有人知道为什么吗？ 最佳答案 通常至少有一个中间 CA，因为它可以更轻松地管理子公司和管理滚动，但这不是必需的。
我在让交叉淡入淡出动画停止在最后一个子节点上时遇到了一些麻烦。我知道 animation-fill-mode: forwards ，但它似乎不起作用(我试过将它放在不同的地方，例如在最初的 .cros
我想水平对齐 3 个不同的子 div。这 3 个 div 包含 1 个图像(高度和宽度 px)。每个 div 都有一个悬停链接(但我希望我的 onmouseover 仅位于图像上方，而不是位于 div
我正忙于 Bigcommerce 网站的设计，发现列表项及其各自背景存在 css 语法问题。 列表项标题和列表项本身是从数据库生成的。这是我的代码的样子: .Left #SideCategoryLis
所以我有一个父 div(100% 宽度)和其中的 3 个子 div(也是 100% 宽度)。我如何将“默认显示的 div”设置为第二个子元素，以便左侧 div 向左离开屏幕，而右侧 div 向右离开屏
我正在尝试将 vector 拆分为 n 个部分。我检查了以下解决方案 How to split a vector into n "almost equal" parts 我根据这个评论得出了以下代码:
下面是我的div: Abc pqr function AppendDiv(10,11) { var eFrom = $('#' + 10); var toD
我试图让我的 html 页面与 JSF 一起工作，并且偶然发现了一个问题，即如何让 nth-child css 选择器与 jsf 一起工作 repeat标签？现在，对于 repeat 标签生成的每个元
这个问题在这里已经有了答案: How do you keep parents of floated elements from collapsing? [duplicate] (15 个答案) 关闭
试图整理我的 CSS，一团糟，我有许多 ID 分布在 div 和子 div 中，以便我能够在 CSS 中选择它们。 我想知道这样做的正确方法是什么？ 我考虑过使用类，这似乎是一种更好的方法，但仍然在每
我是一名优秀的程序员,十分优秀！