gpt4 book ai didi

javascript - 使用 Jquery 控制
标签内的 标签

转载 作者:太空宇宙 更新时间:2023-11-04 06:16:56 24 4
gpt4 key购买 nike

以下代码工作正常(从 w3schools.com 复制)

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("span").hide();
});
$("#show").click(function(){
$("span").show();
});
});
</script>
</head>
<body>

<p>If you click on the "Hide" button, I will disappear.</p>

<button id="hide">Hide</button>
<button id="show">Show</button>

</body>
</html>

但是如果我将以下代码附在一个 <div> 中标记并更改 <p>进入<span>那就行不通了。

<body>
<div>
<span>If you click on the "Hide" button, I will disappear.</span>

<button id="hide">Hide</button>
<button id="show">Show</button>
</div>
</body>

我想做类似的工作,在一个 div 中有 span,如果我输入错误的条目,例如年龄小于 5,它应该显示 <span>标签上写着抱歉,这项服务不适用于 5 岁以下 child 。意味着我想控制 div 标签内的 span 标签,而 <p>在 div 标签内工作正常,它是我在最小值时注意到的唯一跨度(可能还有更多标签)。

最佳答案

一般来说,“span”甚至“div span”都可以。 但是 如果您需要在 div 中达到特定的跨度,您必须给 div 或跨度一个类然后达到跨度。请参阅下面的代码段。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$(".someclass .wehide").hide();
});
$("#show").click(function(){
$(".someclass .wehide").show();
});
});
</script>
</head>
<body>
<div class="someclass">
<span class="wehide">If you click on the "Hide" button, I will disappear.</span>
<br/>
<span class="wedont">If you click on the "Hide" button, I WILL NOT disappear.</span>
<button id="hide">Hide</button>
<button id="show">Show</button>
</div>
</body>
</html>

关于javascript - 使用 Jquery 控制 <div> 标签内的 <span> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55870753/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com