2017-11-21 4 views
0

私はliタグに対してそれぞれのループを持っていますが、私はクラスの保留中にliタグを含めたくありません。今、私の各ループは、Liタグ のために働いていることはここに私のコード各ループで特定のクラスのliを無視する

jQuery('ul li').each(function(){ 
    alert(jQuery(this).find('.title').text()); 
}); 

私はクラスの保留中でいくつかのliタグを持っていると私は、各ループの上にこれらの中に含めたくないです。どのように私はこれを行うことができますか?
お手数をおかけします。

jQuery('ul li').each(function({ 
    if (!this.hasClass('pending') { 
    alert(jQuery(this).find('.title').text()); 
    } 
}); 
+0

ようこそ!あなたは投稿する前に重要な研究をすることが期待されています。 http://api.jquery.comに関するリサーチを行うと、この質問に対する回答が見つかります(少なくともカップルがあります)。 [ヘルプ]、特に[*どのように私は良い質問をしますか?*](/ help/how-to-ask)SOに関する関連トピックの研究、[検索](/ help/searching)それを投稿する前にそれを与えてください。 –

+0

各 'li'に複数の' .title'を置くことはできますか? – Barmar

+0

いいえ各liタグに1つの.titleしかありません。 – Awan

答えて

3

使用:notセレクタあなたはhasClass()関数を使用することができます

jQuery('ul li:not(.pending)').each(function(){ 
    alert(jQuery(this).find('.title').text()); 
}); 
+1

ありがとうございました。それは完璧に働いています。 – Awan

1

シンプルifはjQueryのhasClassメソッドを使用して、十分です。スタックオーバーフローへ

$(document).ready(function() { 
 
    jQuery('ul li').each(function(){ 
 
    if(!jQuery(this).hasClass("pending")) 
 
    alert(jQuery(this).find('.title').text()); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<ul> 
 
<li><span class="title">afea</span></li> 
 
<li class="pending"><span class="title">ffdf</span></li> 
 
<li><span class="title">afdsfsffea</span></li> 
 
</ul>

0

関連する問題