如果没有 id 并且 class 不是唯一的，如何选择正确的元素？

Question

我有一个按钮列表。需要从列表中选择唯一的一个按钮（第三个）。因此，一旦我单击“新按钮”，它就必须从按钮 #3（ThirdButton）执行操作。我的问题是<li>标签没有 id，所以我下面的迭代不成功。

<div class="listButtons" id="anyId">

            <ul class="test">               

                <li>

                    <input value="Btn1" class="btn" name="Elem 1" title="Elem 1" type="button">

                </li>

                <li>

                    <input value="Btn2" class="btn" name="Elem 2" title="Elem 2" type"button">

                    <input value="Btn3" class="btn" name="Elem 3" title="Elem 3" type"button">

                    <input value="Btn4" class="btn" name="Elem 4" title="Elem 4" type"button">

                </li>

            </ul>

        <div>

我试过： 1。

const newButton = $("#someId");     

const buttonsList = $("ul.test")

const thirdButton = buttonsList.find("input[name='Elem 3']")

newButton.click(() => {

   thirdButton.click()

})

2.

const newButton = $("#someId");     

const buttonsList = $("ul.test")

const thirdButton = buttonsList.find("input[name='Elem 3']")

$(function() {

   $("ul.test").find(".btn").each((index, elem) => {

          let elementValue = $(elem).attr("value")

          if(elementValue === "Btn3") {

          newButton.click(() => {

              $(elem).click()

             })

           }

         })

Answer 1

当您使用 Jquery 时，您可以执行以下操作：$(".test").find("li").find("input[name='Elem&nbsp;3']")

Answer 2

您还可以通过标签名称获取元素。我将首先获取父元素的类或 id，然后通过带有 for 循环的标签名称遍历子元素。document.getElementById('parent').getElementsByTagName('childrensTags')然后迭代这些直到找到你想要的控件