jq 改变其他兄弟元素的样式

最新推荐文章于 2025-06-19 14:13:55 发布

原创最新推荐文章于 2025-06-19 14:13:55 发布 · 6.1k 阅读

0 ·

CC 4.0 BY-SA版权

javascript/Jquery 同时被 2 个专栏收录

18 篇文章

订阅专栏

DIV+CSS

5 篇文章

订阅专栏

本文介绍了一个简单的分类选择器的HTML和JavaScript实现方案。该选择器通过点击切换不同的分类选项，并高亮显示当前选中的分类。代码示例中包含了基本的HTML结构和JavaScript交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="mk-myclass border-b">
<dl id="findbook">
<dt>分类：</dt>
<dd class="myclassactive">
<span style="cursor: pointer" onclick="ChangeBook(0)" categoryid="">全部</span>
</dd>
<volist name="btlist" id="bt">
<dd>
<span style="cursor: pointer" onclick="ChangeBook({$bt.typeid})" parentid="15" categoryid="17">{$bt.typename}</span>
</dd>
</volist>
</dl>
</div>

$("#findbook dd").click(function(){

　　var liParent = $(this).parent();
　　var brother = liParent.children();
　　　　brother.removeClass("myclassactive");
　　　　$(this).addClass("myclassactive");

});