使用不带ID的javascript瞄准li

使用不带ID的javascript瞄准li,javascript,html,css,wordpress,Javascript,Html,Css,Wordpress,我有一个移动导航,看起来像这样 <ul id="mobile-menu" class="menu> <li class="normal-link"><a href="blabla">link-1</a></li> <li class="dropdown-link"><a href="blabla">link-2</a> <ul class="submenu">

我有一个移动导航,看起来像这样

<ul id="mobile-menu" class="menu>
    <li class="normal-link"><a href="blabla">link-1</a></li>
    <li class="dropdown-link"><a href="blabla">link-2</a>
        <ul class="submenu">
            <li class="link-of-dropdown><a href="blabla">blabla</a></li>
            <li class="link-of-dropdown><a href="blabla">blabla</a></li>
            <li class="link-of-dropdown><a href="blabla">blabla</a></li>
        </ul>
    </li>
    <li class="dropdown-link"><a href="blabla">link-3</a>
        <ul class="submenu">
            <li class="link-of-dropdown><a href="blabla">blabla</a></li>
            <li class="link-of-dropdown><a href="blabla">blabla</a></li>
        </ul>
    </li>
    <li class="normal-link"><a href="blabla">link-1</a></li>
 </ul>
  • 我不能更改html/wordpress生成的代码,但我可以添加css和javascript。那么,有没有一种方法可以让我在下拉链接旁边看到一张图片,这样子菜单就可以自由了。如果按下图像,图像将更改。如果再次按下,它将返回正常图像并再次显示下拉列表


    我主要是想在下拉链接上寻找javascript使用问题的答案,但只是想让您知道我想用它做什么。

    您可以添加一个类并使用Jquery类选择器:
    $(“.class name”)
    要针对特定的
  • 您可以添加一个类并使用Jquery类选择器:
    $(“.class name”)
    以特定的
  • 为目标。这个问题非常非常模糊。但我猜您正在寻找第n个-child()选择器

    有关更多信息,请参阅文档。以“移动菜单”ul为目标,并使用第n个子项选择其中的li元素


    我的大问题是,为什么你不能更改HTML?如果是Wordpress,你可以修改模板来更改HTML。

    这个问题非常非常模糊。但我猜你在寻找第n-child()选择器

    有关更多信息,请参阅文档。以“移动菜单”ul为目标,并使用第n个子项选择其中的li元素


    我最大的问题是,为什么你不能更改HTML?如果是Wordpress,你可以修改模板来更改HTML。

    你的问题不是很清楚,但是如果你想在不使用id的情况下检索元素,首先你可以使用它们的类

    var myClass = document.getElementsByClassName("classname"); //returns a nodeList like array myClass[0] //first element with "classname"
    我希望这对您有所帮助

    您的问题不是很清楚,但是如果您想在不使用id的情况下检索元素,首先可以使用它们的类

    var myClass = document.getElementsByClassName("classname"); //returns a nodeList like array myClass[0] //first element with "classname"
    我希望这有帮助,我不明白,你是不是针对一个div?不,为什么不在CSS、JQ
    $(“li.dropdownlink”)
    甚至
    $('li').hasClass(“dropdownlink”)
    或javascript
    document.getElementsByClassName(“dropdownlink”)中使用
    li.dropdownlink>
    我不明白,你是不是针对一个div?不,为什么不在CSS、JQ
    $(“li.dropdown link”)
    中使用
    li.dropdown link
    或者甚至
    $('li').hasClass(“dropdown link”)
    或者使用javascript
    document.getElementsByClassName(“dropdown link”)
    var qs = document.querySelectorAll(".class");