JQuery：最初のクラス名だけを共有する複数のcssクラス名を持つ要素をループする

JQueryを使用して、複数のdivをループして複数のクラス名を持つようにしようとしています。それぞれが異なる第2のクラス名を有する。 jQueryのでJQuery：最初のクラス名だけを共有する複数のcssクラス名を持つ要素をループする

<div class="maintext blue"> </div> 

<div class="maintext purple"> </div> 

<div class="maintext chartreuse"> </div> 

<div class="maintext puce"> </div> 

<div class="maintext lime"> </div>

私は

$(".mainText").each(function (i) 

$(".mainText.*").each(function (i) 

$(".mainText" *).each(function (i) 

$(".mainText .*").each(function (i)

を試してみましたが、しかし、それは、クラス=とdiv要素のいずれかの選択ではないだろう "mainTextを..." という質問を検討するための

感謝を。

出典

2011-01-12 omaether

代わりに$('.maintext').eachを試してください。クラス名は大文字と小文字が区別されます。

出典

2011-01-12 04:48:11 Reid

オススメのために申し訳ありません。それは私が何をしているのかを示す擬似コードです。私のjQueryは正しいケースを持っていますが、依然として基本セレクタレベルでは動作していません。 $（ "。whatever"）はまだdivクラス= '何でもyouwhant'/divがそれを感謝することを選択しません。 – omaether

これは完全に動作するはずです。潜在的に何が起こっているかを見るために、より多くの情報（HTMLのコンテキスト、jQueryのコンテキスト）を投稿できますか？ – Reid

大変感謝しています！ – omaether

jQueryセレクタは大文字と小文字を区別します。あなたのHTMLにはmaintextがありますが、jQueryセレクタのmainTextです。

$('.maintext').each

出典

2011-01-12 04:48:48

申し訳ありません、タイプミス。それは私が何をしているのかを示す擬似コードです。私のjQueryは正しいケースを持っていますが、依然として基本セレクタレベルでは動作していません。 $（ ".whatever"）はまだdivクラス= '何でもyouwhant'/divを選択しないありがとう、 – omaether

はい！それはあなたが言ったように、それはちょうど最初のクラス名で働いたように見えます。スクリプトタグでtype = "text/x-javascript"となってしまったことがわかりました。スクリプトを削除すると、すべてのdivにヒットしました。 – omaether

@omaether、それはブラウザが "x-javascript"を認識しないので実行さえしないからです。あなたは 'type =" text/javascript "を使うべきです。 –

ご質問の場合、HTMLにはmaintextと表示され、JSではmainText（大文字のT）が使用されています。

出典

2011-01-12 04:49:38

JQuery：最初のクラス名だけを共有する複数のcssクラス名を持つ要素をループする

答えて

関連する問題