[解決済み] $.each(selector)と$(selector).each()の違いは何ですか?
2023-05-17 04:24:20
質問
これはどう違うのですか。
$.each($('#myTable input[name="deleteItem[]"]:checked').do_something());
とこれを
$('#myTable input[name="deleteItem[]"]:checked').each(function() { do_something });
選択されて作用しているテーブルセルのhtmlは次のようになります。
<td width="20px"><input type="checkbox" class="chkDeleteItem" name="deleteItem[]" value="' . $rowItem['itemID'] . '" /></td>
jQueryのドキュメントを読み返しましたが、まだ違いが分かりません。(私だけでしょうか、それともそのドキュメントは時々、内容の明確さにおいて若干 "nebulous"なのでしょうか?)
情報を追加しました。
どうやら私の一般的な例の試みは、人々を混乱させているようです! 最初の例の括弧が (以前は) 無かったのと一緒です :(
最初の例は、チェックボックスがチェックされている行の <tbody> を削除する私のコード内の行から来ました。
$.each($('#classesTable input[name="deleteClasses[]"]:checked').parent().parent().parent().remove());
2つ目の例は、チェックされたチェックボックスを#classesTableで調べ、ドロップダウンでその一致する項目を削除する状況から来ています。
$('#classesTable input[name="deleteClasses[]"]:checked').each(function(){
$('#classesList option[value="' + $(this).attr('value') + '"]').remove();
});
2つの異なることをするのは理解できますが、"この場合は$.each()を、別の場合は.each(function() {})を使う必要がある、と言えるほどではありません。
これらは全く互換性がないのですか?ある場合だけですか?決してそうではない?
どのように解決するのですか?
説明
.each
はイテレータで、jQueryオブジェクトのコレクションのみを繰り返し処理するために使用されます。 オブジェクトのコレクションに対して反復処理するために使用されます。jQuery.each
($.each
) は、一般的な 関数は、JavaScriptのオブジェクトや配列を反復処理するための一般的な関数です。
例
1)
$.each()
機能
var myArray = [10,20,30];
$.each( myArray, function(index, value) {
console.log('element at index ' + index + ' is ' + value);
});
//Output
element at index 0 is 10
element at index 1 is 20
element at index 2 is 30
2)使用方法
.each()
メソッド
$('#dv').children().each(function(index, element) {
console.log('element at index ' + index + 'is ' + (this.tagName));
console.log('current element as dom object:' + element);
console.log('current element as jQuery object:' + $(this));
});
//Output
element at index 0 is input
element at index 1 is p
element at index 2 is span
リソース
関連
-
[解決済み] jqueryのノーマルパッケージとスリムパッケージの違いは何ですか?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] チェックボックスのチェック/アンチェックは、jqueryを使用していますか?重複
-
[解決済み] ブートストラップ・モーダルにデータを渡す
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み] '$(this)' と 'this' の違いは何ですか?
-
[解決済み] jQueryのn番目の要素を取得する方法
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] jquery - is not a function エラー
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] セレクトした要素の外側のHTMLを取得する
-
[解決済み] jQueryで同じクラスを持つ要素をループさせる
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み] jQueryでloading spinnerを表示するには?
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] jQueryを使用してspanに値を設定する方法