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

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 サイトの他の関連記事を参照してください。