特定の 1 つのフォームだけで JQuery スクリプトを実行する簡単な方法はありますか。それは、Web サイトの他のフォームに影響を与えることなく子です。
現在、子セレクターを他のセレクターと一緒に使用していますが、次のセレクターがフォームの子内で一致するコマンドはありますか?
ありがとう
特定の 1 つのフォームだけで JQuery スクリプトを実行する簡単な方法はありますか。それは、Web サイトの他のフォームに影響を与えることなく子です。
現在、子セレクターを他のセレクターと一緒に使用していますが、次のセレクターがフォームの子内で一致するコマンドはありますか?
ありがとう
findを使用できます:
$('#myform').find('.otherclass').css({color: 'red'})
セレクター.otherclass
は 内でのみ検索され#myform
ます。
そして、小さなリファクタリングで:
var $f = function(selector) { return $('#myform').find(selector); }
以下を使用できます。
$f('.otherclass').css({color: 'red'})
jQuery 関数のスコープ バージョンを取得します。
または、直接使用できます
$('#myform .otherclass').css({color: 'red'})
上記のシンテックスを使用してイベント ハンドラーを追加することもできます。元。
$('#myform .otherclass').click(function(){
// Some code
}) ;
DOM 階層を下に移動するメソッド メソッド 説明
children() - jQuery オブジェクト内のすべての要素の子を選択します
children(selector) - セレクターに一致し、jQuery オブジェクト内の要素の子であるすべての要素を選択します
contents() - jQuery オブジェクト内のすべての要素の子とテキスト コンテンツを返します
find() - jQuery オブジェクト内の要素の子孫を選択します
find(selector),find(HTMLElement),find(HTMLElement[]) - セレクターに一致し、jQuery オブジェクト内の要素の子孫である要素を選択します
また
リレーションシップ セレクター セレクターの説明
selector selector - 2 番目のセレクターに一致し、最初のセレクターに一致した要素の子孫である要素を選択します
セレクター > セレクター - 2 番目のセレクターに一致し、最初のセレクターに一致した要素の子である要素を選択します。
セレクター + セレクター - 2 番目のセレクターに一致し、最初のセレクターに一致する要素の次の兄弟である要素を選択します
selector ~ selector - 2 番目のセレクターに一致し、最初のセレクターに一致する要素の兄弟である (および後に現れる) 要素を選択します