单击功能以显示下一个元素

debugcn 发表于 Dev

ntzz

我想使菜单动态化。

我有这个HTML输出：

<dl>
    <dt class="odd">one</dt>
    <dd class="odd"> ...</dd>

    <dt class="even">two</dt>
    <dd class="even"> ...</dd>

    <dt class="odd">three</dt>
    <dd class="odd">... </dd>

    <dt class="even">four</dt>
    <dd class="even">... </dd>

    <dt class="odd">five</dt>
    <dd class="odd">... </dd>

    <dt class="even">six</dt>
    <dd class="even">...</dd>
</dl>

我将设置为dd，display: none因为它们是过滤器。dt是标题。

我正在尝试使其单击，dt因此必须将下一个dd元素更改为display: block;

我正在寻找一些jQuery或javascript方法来执行此操作，但找不到任何方法。

任何的想法？

经验

如果您希望能够切换（显示/隐藏）dts，则可以使用.togglejQuery的-function：

$(document).ready(function(){

    $('dt').on('click', function(){
        $(this).next('dd').toggle();
    });

});

该$(this)-object引用点击的元素。.next()将选择与选择器匹配的下一个元素，在这种情况下为next dd。

为了确保你的事件监听器结合到现有的元素，你可能有与包装你的代码。就绪（）章24 -listener

演示版

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-11

我来说两句

0条评论

登录后参与评论

来自分类Dev

单击下一个按钮时显示下一个问题

来自分类Dev

如何连续单击按钮以显示javascript中的下一个元素

来自分类Dev

如何在按钮单击下一个活动时隐藏或显示元素

来自分类Dev

通过单击按钮专注于下一个元素

来自分类Dev

单击时通过下一个/上一个按钮选择元素

来自分类Dev

根据下一个元素的类显示/隐藏一个元素

来自分类Dev

查找下一个功能

来自分类Dev

单击上一个后，显示下一个上载按钮

来自分类Dev

集合下一个元素

来自分类Dev

下一个元素名称

来自分类Dev

for 中的下一个元素

来自分类Dev

选择下一个元素

来自分类Dev

如何对单击元素的下一个元素执行操作

来自分类Dev

显示前5个子元素，并在单击下一个按钮时将其隐藏，并使用jquery显示下5个

来自分类Dev

Angular ngFor 显示限制项并单击以显示下一个

来自分类Dev

Zclip仅打开下一个元素中单击的类/副本

来自分类Dev

如何在cypress中使用first（）和last（）函数单击下一个元素？

来自分类Dev

在单击时获取与jQuery中相同类的下一个元素

来自分类Dev

React.js 提交后“隐藏元素并显示下一个元素”

来自分类Dev

单击div隐藏，然后在页面上显示下一个div？

来自分类Dev

通过单击按钮在html表中显示下一个数组项

来自分类Dev

单击时隐藏/关闭（下一个）div，但可以显示多个div

来自分类Dev

单击链接时显示和隐藏DIV，并跳到下一个

来自分类Dev

单击下一个按钮时如何显示数组中剩余的项目集？

来自分类Dev

jQuery删除下一个div元素的下一个

来自分类Dev

字典-获取已知元素的下一个元素

来自分类Dev

如何选择当前元素的下一个元素

来自分类Dev

检查下一个元素是否是特定元素

来自分类Dev

C ++ Stacked List推功能打印下一个/上一个元素

Related 相关文章

文章