如何使用JQuery将一个类插入到其子子菜单之前的无序列表项目中?

杰克1991

我正在使用Wordpress PHP菜单功能在多级移动导航菜单上工作,但在将跨度按钮(以打开子菜单)插入父列表项时却没有出现在子菜单后的问题上,我遇到了困难。

目前,它在inspect元素标记中显示如下:

<li class=“menu-item menu-item-post_type menu-item-object-page menu-item-has-children menu-item-463”> ==$0
    <a href=“http://www.mywebsite.co.uk/page/“>Page</a>
    <ul class=“sub-menu”>…</ul>
    <span class=“submenu-button”>+</span>
</li>

我希望能够在ul类之前插入它,如下所示:

<li class=“menu-item menu-item-post_type menu-item-object-page menu-item-has-children menu-item-463”> ==$0
    <a href=“http://www.mywebsite.co.uk/page/“>Page</a>
    <span class=“submenu-button”>+</span>
    <ul class=“sub-menu”>…</ul>
</li>

我当前用于添加跨度/按钮的JQuery如下:

$('nav.main-menu#mobile ul li:not(.hide-mobile) ul').parent('li').append('<span class="submenu-button">+</span>');

我尝试使用prepend代替append,但是这将其移到li a标记以及的前面ul ul,这是我要避免的事情。

有更好的方法吗?

罗希特·基肖尔(Rohit Kishore)

之前使用jquery

$('.sub-menu').before('<span class=“submenu-button”>+</span>');

insertBefore

$( "<span class='submenu-button'>+</span>" ).insertBefore( ".sub-menu" );

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用JQuery将一个类插入其子子菜单之前的无序列表项目中?

来自分类Dev

如何将类添加到列表项并将其从上一个项目中删除

来自分类Dev

第一个列表项之后带有项目符号的无序列表

来自分类Dev

第一个列表项之后的带项目符号的无序列表

来自分类Dev

使用JQuery将列表元素从一个无序列表移动到另一个

来自分类Dev

如何定位覆盖列表项和无序列表中的最后一个锚点元素

来自分类Dev

如何在ul(无序列表)中查找下一个li(列表项)的ID

来自分类Dev

在无序列表中选择一个特定的类

来自分类Dev

给子菜单一个类

来自分类Dev

创建一个以图像为列表项的无序列表

来自分类Dev

jQuery将列表项移动到无序列表的末尾

来自分类Dev

使用带有jQuery的ajax在嵌套的无序列表上单击子菜单后,站点上的数据未显示

来自分类Dev

选择一个不带CSS子列表的列表项

来自分类Dev

如何将列表项放在无序列表的中央?

来自分类Dev

如何将列表项放在无序列表的中央?

来自分类Dev

如何使用jquery(最好)显示和隐藏无序列表(ul)中的列表项(li)元素?

来自分类Dev

在不使用无序列表的情况下使用CSS显示子菜单

来自分类Dev

如何使用jQuery将类添加到每个集合的第一个子元素中

来自分类Dev

如何在java中的另一个项目中使用一个项目中的类?

来自分类Dev

带有无序列表的CSS第一子级伪类(Bootstrap)

来自分类Dev

带有无序列表的CSS第一子级伪类(Bootstrap)

来自分类Dev

使用jQuery为每六个列表项添加一个不同的类

来自分类Dev

将css类添加到列表项,但jQuery中的最后一个除外

来自分类Dev

如何将列表循环到一个类

来自分类Dev

如何选择在选定列表项之前的每个第一个父级列表项

来自分类Dev

如何将所有NSLocalizedString用法集中到一个文件中,以在整个项目中使用

来自分类Dev

如何使Android列表项将ID传递到下一个视图?

来自分类Dev

无序列表中子菜单列表项的继承问题

来自分类Dev

最后一个孩子的下拉子菜单到左边

Related 相关文章

  1. 1

    如何使用JQuery将一个类插入其子子菜单之前的无序列表项目中?

  2. 2

    如何将类添加到列表项并将其从上一个项目中删除

  3. 3

    第一个列表项之后带有项目符号的无序列表

  4. 4

    第一个列表项之后的带项目符号的无序列表

  5. 5

    使用JQuery将列表元素从一个无序列表移动到另一个

  6. 6

    如何定位覆盖列表项和无序列表中的最后一个锚点元素

  7. 7

    如何在ul(无序列表)中查找下一个li(列表项)的ID

  8. 8

    在无序列表中选择一个特定的类

  9. 9

    给子菜单一个类

  10. 10

    创建一个以图像为列表项的无序列表

  11. 11

    jQuery将列表项移动到无序列表的末尾

  12. 12

    使用带有jQuery的ajax在嵌套的无序列表上单击子菜单后,站点上的数据未显示

  13. 13

    选择一个不带CSS子列表的列表项

  14. 14

    如何将列表项放在无序列表的中央?

  15. 15

    如何将列表项放在无序列表的中央?

  16. 16

    如何使用jquery(最好)显示和隐藏无序列表(ul)中的列表项(li)元素?

  17. 17

    在不使用无序列表的情况下使用CSS显示子菜单

  18. 18

    如何使用jQuery将类添加到每个集合的第一个子元素中

  19. 19

    如何在java中的另一个项目中使用一个项目中的类?

  20. 20

    带有无序列表的CSS第一子级伪类(Bootstrap)

  21. 21

    带有无序列表的CSS第一子级伪类(Bootstrap)

  22. 22

    使用jQuery为每六个列表项添加一个不同的类

  23. 23

    将css类添加到列表项,但jQuery中的最后一个除外

  24. 24

    如何将列表循环到一个类

  25. 25

    如何选择在选定列表项之前的每个第一个父级列表项

  26. 26

    如何将所有NSLocalizedString用法集中到一个文件中,以在整个项目中使用

  27. 27

    如何使Android列表项将ID传递到下一个视图?

  28. 28

    无序列表中子菜单列表项的继承问题

  29. 29

    最后一个孩子的下拉子菜单到左边

热门标签

归档