在jQuery中選擇類

我在codechool.com上學習jQuery，有一個問題困擾着我。我們正在學習在單個jQuery條目中選擇多個html元素。所使用的html代碼如下，我們應該選擇亞洲類和銷售類的元素。在jQuery中選擇類

正確答案是$（「亞洲，.sale‘）

我的問題是，怎麼’.sale」成爲類的名字？如果你看下面的html，你會發現沒有元素帶有「class = sale」，只是一個class =「europe sale」的元素。「爲什麼jQuery要求」.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>

來源

2013-08-02 macsplean

'class'屬性包含一個空格分隔的類名列表。 –

我認爲這是一個錯誤的教程，他們似乎想要：'$（「。asia，.sale」）'這意味着所有元素與類亞洲**或**銷售。如果你只想要歐洲**和**出售的元素（這裏是一個），使用：'$（「。europe.sale」）'。 '$（「。sale.europe」）'會返回相同的結果 –