2016-09-07 8 views
0

私は、ドキュメント内にクラスまたはIDが存在するかどうかを調べる短いスクリプトを作成しようとしています。それがある場合は、次の操作を行います。参照してからタスクを実行する関数

$(".tab_item").removeClass("tab_item_color"); 
$(this).addClass("tab_item_color"); 

答えて

1

あなたはjQueryオブジェクトにlengthプロパティを使用することができます。例えば:

if($('.your-class').length) 
{ 
    $(".tab_item").removeClass("tab_item_color"); 
} 

your-classのクラスを有しているDOMの要素がある場合if()ブロックのみが実行されます。

+0

を訪問することができます長さは何をするのか、ありがとう! – alwayslearning

+1

@david jQueryコレクション内の要素の数を返します。 – BenM

+0

ウェブページの出力に番号が表示されていませんか? – alwayslearning

0

jqueryから返される最初のオブジェクトを確認することで、これを単純化できます。 FOR-例

if ($(".your-class")[0]){ 
    $(".tab_item").removeClass("tab_item_color"); 
} 
+0

.tab_itemが削除され、tab_item_colorに置き換えられますか? – alwayslearning

+0

あなたは 'else {'ステートメント –

+0

のような別のオプションを追加できます。このアクションを実行している状況は本当にわかりません。 –

1

ます。また、詳細については、この

$(function() { 
    if ($('.yourClassName').length){ 
     $(".tab_item").removeClass("tab_item_color").addClass("YourNewClassName"); //It will swap your class.       
    } 
}); 

を行うことができます。また、.length

+0

'exists()'?それについての文書はありますか? – BenM

+0

正確な文書ではありませんが、それでも機能します。 –

+0

いや、それは... 'キャッチされない例外TypeErrorしません:。$(...)が存在することはfunction'ではありません。https://jsfiddle.net/6dat8v3a/ – BenM

関連する問題