javascript - jQuery 选择器获取节点数组

Question

我有以下 HTML:

<ul class="main-navigation">
  <li class="left">&nbsp;</li>
  <li class="normal">Home</li>
  <li class="normal">Internet</li>
  <li class="normal">Movies</li>
  <li class="normal">Music</li>
  <li class="normal">Documents</li>
  <li class="normal">Windows</li>
  <li class="right">&nbsp;</li>
</ul>

我想做的是，获取<li>的数组具有“普通”类并循环遍历它们并添加事件监听器的元素。

什么 jQuery 代码会返回数组？我尝试了不同的组合，例如:

$('.main-navigation.normal')
$('.main-navigation li .normal')

我怎样才能得到那个节点数组？我如何遍历它们并添加事件？

Answer 1

$('.main-navigation .normal') 或 $('.main-navigation li.normal')

使用 $('.main-navigation li .normal') 您将选择 li 中的节点，类为 .normal 并且$('.main-navigation.normal') 您将选择同时具有 .main-navigation 和 .normal 的元素