如何从 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中文网其他相关文章！