フォーム内の複数のタグに同時にクラスを追加する方法

同時にフォーム内の複数のタグにクラスを追加したいと思います。今、私はまた私がいない成功でこれを試してみたID checkbox-group1フォーム内の複数のタグに同時にクラスを追加する方法

でタグにクラスh-redを追加したいつのタグのクラスを追加し、次のコード

.... 
// what form are you submitting? 
var form = $("#" + e.target.id); 

// value 
var value = 'category'; 

// add class 
$("[name=" + value + "]", form).addClass("h-red");

を持って

$("[name=" + value + "]" ; "#checkbox-group1", form).addClass("h-red");

どのようにですか？

出典

2017-11-30 Marco

は、なぜ、使用をしません$（ "form> input"）のようなもの？ – nullqube

私の例に関連して、複数のタグに対してこれを行うにはどうすればよいですか？おそらくこれらすべてのタグに特定のクラスを追加することによって、 – Marco

になります。 $（ "form> .required"）のように。toggleClass（ "h-red"）; 、複数のマッチがある場合はコンマ区切り記号を使用します。それはより明確なコードスタイルに関するものです。私は正しいかどうかわかりませんが、私はあなたのコードがフォームの入力検証についてCSSのようなものだと推測しています：https://stackoverflow.com/questions/3617020/matching-an-empty-input-box-using -css – nullqube

セレクタを分離するために,を使用してください。

$("[name='" + value + "'],#checkbox-group1,form").addClass("h-red");

参考：https://api.jquery.com/multiple-selector/

そしてまた、'

参考に値を同封してください：このようなhttps://api.jquery.com/attribute-equals-selector/

出典

2017-11-30 05:57:03 Eddie

これは正常に動作します。フォームは二重引用符の外側にある必要があります。ありがとう – Marco

ああ..私は 'フォーム'に 'h-red'クラスを追加したいと思った。それが動作することを知ってうれしい。 :) – Eddie

用途：

$("[name='+ value +'], #checkbox-group1, form").addClass("h-red");

出典

2017-11-30 05:58:20

フォーム内の複数のタグに同時にクラスを追加する方法

答えて

関連する問題