如何从JQuery选择器中获取DOM元素

Question

如何从JQuery选择器中获取DOM元素

我很难从jQuery选择器获得实际的DOMElement。样本代码：

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

在另一段代码中，我试图确定复选框的选中值。

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

拜托，我不想做：

  if ( checkbox.eq(0).is(":checked"))
    //do something

这让我绕过了复选框，但其他时候我需要真正的DOMElement。

Answer 1

您可以使用以下方法访问原始DOM元素：$("table").get(0);或者更简单地说：$("table")[0];但是，实际上你并不需要这个(根据我的经验)。以您的复选框为例：$(":checkbox").click(function() {   if ($(this).is(":checked")) {     // do stuff   }});是更“jQuery‘ish”和(Imho)更简洁。如果你想数数呢？$(":checkbox").each(function(i, elem) {   $(elem).data("index", i);});$(":checkbox").click(function() {   if ($(this).is(":checked") && $(this).data("index") == 0) {     // do stuff   }});其中一些特性也有助于掩盖浏览器中的差异。有些属性可能是不同的。典型的例子是Ajax调用。若要在原始Javascript中正确地执行此操作，将有大约7种回退案例XmlHttpRequest.

Answer 2

我需要将元素作为字符串。jQuery("#bob").get(0).outerHTML;这会给你这样的感觉：<input&nbsp;type="text"&nbsp;id="bob"&nbsp;value="hello&nbsp;world"&nbsp;/>.作为字符串而不是DOM元素.