gpt4 book ai didi

javascript - 如果 div 有一个类,则定位该 div,然后隐藏具有类似类的 div - JQuery

转载 作者:行者123 更新时间:2023-12-01 02:48:50 24 4
gpt4 key购买 nike

因此,下面的代码隐藏了类 abc 的所有元素,但我只想隐藏类 xyz 的 div。使用 this 显然行不通,但它需要与 this 关键字类似的功能。

HTML 代码

<body>
<button id="xyz">xyz</button>
<button id="mno">mno</button>
<button id="cde">cde</button>
<div class='abc xyz'></div>
<div class='abc mno'></div>
<div class='abc xyz'></div>
<div class='abc cde'></div>
<div class='abc xyz'></div>
<div class='abc mno'></div>
<div class='abc xyz'></div>
</body>

JQuery 代码

$('#xyz').on('click',function(){
if($('.abc').hasClass('xyz')){
$('.abc').hide();
}
else {
$('.abc').show();
}
});
$('#mno').on('click',function(){
if($('.abc').hasClass('mno')){
$('.abc').hide();
}
else {
$('.abc').show();
}
});

当我点击按钮xyz时,它会隐藏所有没有类.xyz的div,当我点击按钮mno时> 它将隐藏所有其他 div,但类 .mno 的 div 将显示!

最佳答案

为什么不直接为该类创建一个特定的查询?

$('button').on('click',function(){
$('.abc.xyz').hide();
});

关于javascript - 如果 div 有一个类,则定位该 div,然后隐藏具有类似类的 div - JQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47098832/

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