jquery - 在 jQuery 中选择类

Question

我正在 codeschool.com 上学习 jQuery，有一个问题困扰着我。我们正在学习在单个 jQuery 条目中选择多个 html 元素。使用的 html 代码如下，我们应该选择 asian 类和 sale 类的元素。

正确答案是 $(".asian, .sale")

我的问题是，“.sale”是如何成为类(class)名称的？如果你查看下面的 html，你会发现没有带有“class=sale”的元素，只有一个带有 class =“europe sale”的元素。”为什么 jQuery 调用的是“.sale”而不是“.sale”。欧洲促销”？

<div id="tours-wrapper">
  <h1>Guided Tours</h1>
  <ul id="tours">
    <li class="america">
      <h2>New York, New York</h2>
      <span class="details">$1,899 for 7 nights</span>
      <ul class="vote"><li><a href="#">↑</a></li><li><a href="#">↓</a></li></ul>
    </li>
    <li class="europe sale">
      <h2>Paris, France</h2>
      <span class="details">$2,499 for 7 nights</span>
      <ul class="vote"><li><a href="#">↑</a></li><li><a href="#">↓</a></li></ul>
    </li>
    <li class="europe">
      <h2>Madrid, Spain</h2>
      <span class="details">$1,577 for 5 nights</span>
      <ul class="vote"><li><a href="#">↑</a></li><li><a href="#">↓</a></li></ul>
    </li>
    <li class="asia">
      <h2>Tokyo, Japan</h2>
      <span class="details">$1,999 for 5 nights</span>
      <ul class="vote"><li><a href="#">↑</a></li><li><a href="#">↓</a></li></ul>
    </li>
  </ul>

  <ul class="sorting">
    <li><a href="#">America</a></li>
    <li><a href="#">Europe</a></li>
    <li><a href="#">Asia</a></li>
  </ul>
</div> 

Answer 1

Class europe sale 就像两个类 europe 和另一个 sale 您可以选择每个类或 europe 或sale 但始终采用类 europe sale

的元素

要选择具有两个类欧洲销售的元素，您可以采取更多方法，例如:

$('.europe')

或

$('.sale')

您选择该元素是因为该类包含在该类数组中

要仅采用 europe sale 类的元素，您可以执行以下操作:

$('.europe.sale')