首頁 > web前端 > js教程 > 如何從 jQuery 選擇器取得純 DOM 元素?

如何從 jQuery 選擇器取得純 DOM 元素?

DDD
發布: 2024-10-30 19:09:02
原創
999 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板