如何從 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中文網其他相關文章！