如何单击第一个按钮，该按钮位于具有span类的特定div中？（使用javascript）

debugcn 发表于 Dev

FSl

我正在尝试浏览javascript以单击位于div class =“ important”中的第一个按钮，并且div还必须包含span class =“ something”。在页面上还有其他div，但并非所有div都包含span类。有没有办法做到这一点的JavaScript？我尝试了几次，但没有任何效果。我将很高兴为您提供任何建议。谢谢

页面代码如下：

...
<div class="important">
     <div>
          <span class="something">...</span>
     </div>
     <input type="button" value="Test" name="bid" class="other class">                         
</div>

<div class="important">
...
</div>

A.米舒

如果我理解您的问题，您想在.important包含.something类的第一个div上找到一个按钮。使用标记，这是您可以执行的操作：

document.querySelectorAll('.important .something')[0].parentElement.parentElement.querySelector('[type="button"]');

现在，如果要单击它，可以添加.click()。

演示：

function demo(btn) {
  // jsut for demo
  alert(btn.value);
};
function findBtn() {
  document.querySelectorAll('.important .something')[0].parentElement.parentElement.querySelector('[type="button"]').click();
}

<button id="findmybtn" onclick="findBtn()">Find my button and click on it</button>
<div class="important">
    <div><span class="notsomething">notsomething</span></div>
    <input type="button" value="Test1" name="bid" class="other class" onclick="demo(this)">                         
</div>
<div class="important">
    <div><span class="something">something</span></div>
    <input type="button" value="Test2" name="bid" class="other class" onclick="demo(this)">                         
</div>
<div class="important">
    <div><span class="somethingelse">somethingelse</span></div>
    <input type="button" value="Test3" name="bid" class="other class" onclick="demo(this)">                         
</div>
<div class="important">    
    <input type="button" value="Test4" name="bid" class="other class" onclick="demo(this)">                         
</div>
<div class="important">
    <div><span class="something">something</span></div>
    <input type="button" value="Test5" name="bid" class="other class" onclick="demo(this)">                         
</div>

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

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