匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

jQueryでの質問です。

例として「りんご」、「バナナ」の複数のテキストに一致したときにCSSクラス「add」を追加したいです。

var arr = ["リンゴ","バナナ"];
配列で設定しています。

下記のようなタグの場合でどういったjQueryのコードになりますでしょうか。
<ul>
<li>リンゴ</li>
<li>パイナップル</li>
<li>バナナ</li>
<li>イチゴ</li>
</ul>

一致したテキストの場合に<li>にクラスを追加したいです。
できれば単数でif == りんご などで繰り返すのではなく配列の状態でマッチさせたいです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/11/27 04:13:17
  • 終了:2012/12/04 04:15:03

ベストアンサー

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2012/11/27 07:16:05

$(function(){
  $('li').filter(function(){
    return $.inArray($(this).text(), ['リンゴ', 'バナナ']) !== -1;
  }).addClass('add');
});
匿名質問者

遅くなり申し訳ございません。
ありがとうございます、希望する動作になりました!

2013/05/01 16:20:46

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません