你如何针对javascript中的特定元素集？

Question

我只是举一个简单的例子来说明我对这个问题的意思。说你的HTML看起来像这样......

     <div class="tabPanels">
          <ul class="tabs clearfix">
              <li><a href="#panel1">Tab1</a></li>
              <li><a href="#panel2">Tab2</a></li>
              <li><a href="#panel3">Tab3</a></li>
          </ul>
      </div>

如何定位JavaScript中的所有标签？我明白在jQuery中你会做以下的

    $('.tabs li a').click(function(){
       //jquery code here
    });

我如何使用纯JavaScript执行完全相同的操作？

当然我可以......        document.getElementsByTagName（＆＃39;一个＆＃39）;

但是假设我的网页上有多个li标签，我不想将所有这些标记作为目标，只有一个特定的设置，例如上面的标签。对不起，如果这是一个愚蠢的问题。 JQuery使事情变得简单，但我希望用纯javaScript做得更好。

Answer 1

您可以document.querySelectorAll执行此操作：querySelectorAll

请注意，这是IE8 +功能，但在此浏览器中，您只能将它与CSS2选择器一起使用。

问候。