如何仅将当前单击的类切换为子类

时间:2018-06-04 14:05:08

标签: javascript jquery drop-down-menu

我正在尝试在单击父类时切换元素的类,但由于它是大多数类都相同的菜单,所以我不想在该类中切换所有子项,当前单击的父项的子项。

我的html结构:

<li>
    <a href="">Toepassingsgebied managementsysteem</a>
    <i class="mdi mdi-plus-box menuicon dropdown"></i>
    <ul class="dropdown-content menuliststyle">
        <li>Algemene bedrijfsgegevens</li>
        <li>Organogram</li>
        <li>Toepassingsgebied managementsysteem</li>
    </ul>
</li>

然后在我的页脚中,我得到了以下代码:

$( document ).ready(function() {
    $(".menuicon").on("click", ".dropdown-content" function() {
       $(this).toggleClass("dropdown-show");
       console.log('test');
    });
});

所以我想在单击.menuicon时触发该函数,但只切换当前子类的类。

我也试过这个:

$( document ).ready(function() {
    $(".menuicon > dropdown-content").on("click", function() {
       $(this).toggleClass("dropdown-show");
       console.log('test');
    });
});

但是我甚至没有在我的控制台中看到测试,那么这样做的正确方法是什么?

1 个答案:

答案 0 :(得分:1)

  

所以我想在.menuicon

时触发该功能

在这种情况下,定位.menuicon类。然后看着你的HTML,你想要下一个兄弟,...在jquery中这是Bitmap ..

例如

// Bullet 2
e.Graphics.DrawImage(Image, Rectangle);

// Bullet 3
Rectangle r = new Rectangle(0, e.Bounds.Y, 16, 16);
Image I = imageList1.Images[e.Item.ImageIndex];
Bitmap b = new Bitmap(i.Width, i.Height);
using (Graphics g = Graphics.FromImage(b)) {
    g.Clear(Theme.BackColor);
    g.DrawImageUnscaledAndClipped(i, new Rectangle(Point.Empty, i.Size));
}
e.Graphics.DrawImage(b, r);
ListViewItem
next