ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery セレクターからプレーン DOM 要素を取得するにはどうすればよいですか?

jQuery セレクターからプレーン DOM 要素を取得するにはどうすればよいですか?

DDD
DDDオリジナル
2024-10-30 19:09:02988ブラウズ

How Can I Get a Plain DOM Element from a jQuery Selector?

jQuery セレクターから DOM 要素を取得する

jQuery セレクターから DOM 要素を取得する簡単な方法を見つけるのは難しい場合があります。次のコードがあるとします。

<input type="checkbox" id="bob" />
var checkbox = $("#bob").click(function() { //some code });

チェックボックスのチェック値を確認するには、次のようなことを試みます。

if (checkbox.eq(0).SomeMethodToGetARealDomElement().checked)
    //do something.

ただし、このアプローチは常に望ましいとは限りません。 。より簡単な方法があります:

$("table").get(0);

または、次のショートカットを使用できます:

$("table")[0];

生の DOM 要素へのアクセスは頻繁に必要ではありませんが、特定の状況では必要になる場合があります。 。たとえば、チェックボックスのグループに番号を付けることを検討してください:

$(":checkbox").each(function(i, elem) {
  $(elem).data("index", i);
});
$(":checkbox").click(function() {
  if ($(this).is(":checked") && $(this).data("index") == 0) {
    // do stuff
  }
});

以上がjQuery セレクターからプレーン DOM 要素を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。