gpt4 book ai didi

jquery点击时显示/隐藏div?

转载 作者:行者123 更新时间:2023-12-01 03:05:42 27 4
gpt4 key购买 nike

我正在尝试使用jquery来显示和隐藏div onclick,虽然我没有收到任何错误,但它也没有显示或隐藏任何内容。

**编辑 - 已更新 **

$(document).ready(function() {    
$("#nav-inner a").click(function() {
var type = $(this).attr("class");
$("div.v1 > div").not("." + type).stop().hide().end().filter("." + type).stop().show();
return false;
});

});

这是 jquery:

$(document).ready(function() {
if($("#nav-inner")) {
$("#nav-inner ul li a").click(function(evt) {
var type = $(this).attr("class");
var rowcount = 0;
$('div.v1 .vc').each(function(idx,el) {
if(type == 'typea') {
if($(el).hasClass('typea')) {
$(el).show();
} else {
$(el).hide();
}
}
});
});
}
});

这是标记:

<div id="page">
<div id="header">
<div id="nav">
<div id="nav-inner">
<ul class="nav-inner-li">
<li>
<a class="typea" href="#"><img src="/images/typea.png"></a>
<a class="typea" href="#">Type A</a>
</li>
</ul>
</div>
</div>
</div>

<div id="content">
<div id="content-content">
<div id="content-left">
<div class="v1">
<div class="vc">
<div class="typea">
<div class="title"> Title </div>
<div class="body"> Body </div>
</div>

<div class="typeb">
<div class="title"> Title 2 </div>
<div class="body"> Body 2 </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

最佳答案

这可以变得更简单。

$(function() {
$("#nav-inner a").click(function() {
var type = $(this).attr("class");
$("div.vc > div").not("." + type).stop().hide()
.end().filter("." + type).stop().show();
return false;
});
});

您的第一个错误是#nav-inner ul,其中#nav-inner实际上是ul元素。上面的代码从单击的链接中获取类,然后选择具有该类的 div.v1 的子级并切换它(如果隐藏则显示它,如果不隐藏则隐藏它)。

关于jquery点击时显示/隐藏div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2235426/

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