jQuery：他のクラスを含むクラスを持つ要素を選択する方法

Question

を含むli.page-item-1123要素を選択する必要があります。 もちろん、$('.current_page_item')で選択できます。しかし、私の状況では、私は他のクラスを含む要素（クラスを持つ）が必要です。

<ul id="nav"> 
<li class="page_item page-item-1121"> 
    <a href="#">About me</a> 
</li> 
<li class="page_item page-item-1123 current_page_item"> 
    <a href="#">Photography</a> 
</li> 
<li class="page_item page-item-1125"> 
    <a href="#">Graphic design</a> 
</li> 
<li class="page_item page-item-1127"> 
    <a href="#">Contact</a> 
</li> 
</ul> 

Answer 1

私が正しく理解すれば、両方のクラスを持つ要素が必要ですpage-item-1123 & current_page_itemあなたが行うことができます場合は

：

$(".page-item-1123.current_page_item")

Answer 2

このセレクタは、CSSと同じ方法で記述できます。クラス名の両方page_itemとcurrent_page_itemを持つすべての要素を一致させるには、この使用：あなたはすでに要素を選択した場合

$('.page_item.current_page_item'); 

を、あなたはそれが同様に二クラス名と一致することを確認する必要があり、これを使用します。

$('.page_item').filter('.current_page_item'); 

Answer 3

はただ、他の回答を固定（彼らはドットを逃した）

$('.page_item.page-item-1123.current_page_item') 

Answer 4

あなたは番目のクラスとして一致する属性セレクタを使用することができます：

$('.page_item[class*=current_page_item]') 

これに代えて、要素の大きなセット：

$('.page_item').filter('.current_page_item') 

にロジックが似ている：

$('.page_item').each(function(){ 
    if($(this).hasClass('current_page_item')) 
     alert('match!'); 
});