[解決済み] jQueryで複数のセレクタを連鎖させる?
2022-03-06 18:10:32
質問
通常、クラスをセレクタとして使用する場合、ページ全体を検索するのではなく、クラスが存在する領域のみを検索するように、セレクタに "id"を使用しようとします。
しかし、私はその中にコードを含む部分的なビューを持っています。この部分ビュー(共通のコード)は、formタグに巻き付けられます。
持っています。
<form id="Create">
// load common code in from partial view
</form>
<form id="Edit">
// load common code in from partial view
</form>
さて、この共通コードでは、複数のフィールドにプラグインをアタッチする必要があるので、次のようにします。
$('#Create .myClass').plugin({ options here});
$('#Edit .myClass').plugin({options here});
つまり、ほとんど同じコードなんです。どちらかのidを探すようにする方法はないのでしょうか?
編集
セレクタに変数を指定すると、問題が発生します。
my.selectors =
{
A: '#Create',
B: '#Edit',
Plugin: ' .Plugin'
};
$(selector.A+ selectors.Plugin, selector.B+ selectors.Plugin)
実行されないようです。
解決方法は?
複数のセレクタをコンマで結合することができます。
$('#Create .myClass,#Edit .myClass').plugin({options here});
あるいは、たくさんあるのなら、すべてのフォーム要素にクラスを追加して、そのクラス内を検索することもできます。 これだと、検索を制限することで得られるはずの高速化は得られませんが、私だったら正直あまり気にしません。 ブラウザは、一般的な操作を最適化するために、あなたの背後でたくさんの派手なことをやっています。
関連
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] BootstrapがUncaught Errorを投げる:BootstrapのJavaScriptはjQueryを必要とする【終了】。
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] カルーセルで画像を中央に配置する方法
-
[解決済み] Javascriptでの改行の分割方法
-
[解決済み] .NET 4.5のMSAjaxとWebFormsJSのドキュメントはどこにあるのでしょうか?
-
[解決済み] JQueryの使用 - フォームが送信されないようにする
-
[解決済み] 無効な JSON プリミティブ ERROR
-
[解決済み] jQuery - 小数点以下2桁に丸め、その数値で計算する。
-
[解決済み] jQueryのif文でのOR演算子の使用について
-
[解決済み] 右から検索トグル
-
[解決済み] jQueryを使って下までスクロールさせる
-
[解決済み] jquery .text()または.html()が動作しない